/* LawnTools panel in the editor's Lawn pane. */
#lawnDesigner .fieldRowInput{display:flex;align-items:center;gap:4px;color:var(--pt-muted)}
#lawnDesigner .fieldRowInput input{width:76px;text-align:right}
#lawnDesigner .fieldRow label{color:var(--pt-ink)}
.lawnStart{display:flex;gap:8px;margin:0 0 12px}
.lawnStart button{flex:1}
.lawnEstimate{width:100%;border-collapse:collapse;font-size:13px}
.lawnEstimate td{padding:5px 0;border-bottom:1px solid var(--pt-border)}
.lawnEstimate td.n{text-align:right;white-space:nowrap}
.lawnTotal{display:flex;justify-content:space-between;margin:8px 0 0;font-size:14px}
/* Pond-only editor groups and tools. The assistant and Imagine come back with
   lawn instructions and prompts. */
body[data-product="lawn"] #leftControls [data-widget="layers"],
body[data-product="lawn"] #leftControls [data-widget="draw"],
body[data-product="lawn"] #poolShapes,
body[data-product="lawn"] #pondAppearance,
body[data-product="lawn"] #draw-clear,
body[data-product="lawn"] #traceWater,
body[data-product="lawn"] #pond-ai-open,
body[data-product="lawn"] #pond-studio-ai-actions{display:none}

/* The ground rectangle box and the top-down view, shared with CST Tools (cst-ground.mjs). */
.cstGround{border:1px solid var(--pt-border);border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:13px}
.cstGround p{margin:0 0 8px;line-height:1.4}
.cstGroundActions{display:flex;gap:8px}
#cstTopDown{position:absolute;inset:0;z-index:7;background:#f4f1ea}
#cstTopDown canvas{display:block;width:100%;height:100%;cursor:default;touch-action:none}
.cstTopDownBack{position:absolute;top:12px;left:106px}
.cstTopDownHint{position:absolute;left:106px;top:52px;margin:0;padding:4px 10px;border-radius:8px;background:#ffffffd9;color:#1d2221;font-size:12px;pointer-events:none}