/* Object handling in the yard tabs: the pond's drawing tools step aside and a
   small bar follows the selection. */
.app:is([data-scene-category="objects"],[data-scene-category="landscape"],[data-scene-category="surfaces"],[data-scene-category="structures"],[data-scene-category="equipment"]) :is(#draw-freehand,#draw-circle,#draw-square,#draw-rectangle,#draw-transform,#draw-clear,#sceneDuplicate,#sceneLock){display:none!important}
/* The canvas and the selection bar replace these panel buttons. They stay in
   the page because the bar and the keyboard call them. */
#sceneOutliner>.surfaceActions,#sceneDeleteSelected,#sl-cancel,#sceneObjectActions{display:none!important}

.yardToast{position:absolute;z-index:9;left:50%;bottom:18px;transform:translateX(-50%);margin:0;padding:8px 14px;
  border-radius:8px;background:rgba(17,24,39,.88);color:#fff;font-size:13px;pointer-events:none;max-width:min(90%,480px);text-align:center}
.yardToast[hidden]{display:none}

/* Studio panels. Only the controls a landscaper reaches for stay visible: the
   catalog, the surface picker and drawing tools, and the selected object's own
   settings. Legacy sections stay in the page for the code that drives them. */
.app:is([data-scene-category="landscape"],[data-scene-category="surfaces"]) :is(#scenePlaceByType,#sceneSelectionAlign,#sceneClearance,#sceneShapePresets,#sceneComponentVisibility,#sceneRoutes,#sp-polygon-patio,#savedGroupLibrary:empty){display:none!important}
#sceneLibraryHost .sceneLibraryBrowse label:has(#sl-category),#sl-options{display:none!important}
#sceneLibraryHost .sceneLibraryBrowse{grid-template-columns:1fr!important}
.surfaceNative{display:none!important}

.surfaceTools{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.surfaceTool{display:grid;place-items:center;width:44px;height:40px;padding:0;border:1px solid var(--pt-border,#d5dde5);border-radius:8px;
  background:var(--pt-panel,#fff);color:var(--pt-ink,#1f2933);cursor:pointer}
.surfaceTool svg{width:22px;height:22px}
.surfaceTool:hover:not(:disabled){background:var(--pt-hover,rgba(15,23,42,.06))}
.surfaceTool[aria-pressed="true"]{background:var(--pt-selected,#d8e8f4);border-color:var(--pt-accent,#326b98);color:var(--pt-accent,#326b98)}
.surfaceTool:disabled{opacity:.4;cursor:default}
.surfacePick{display:grid;gap:4px}
.surfacePick span{font-size:12px;color:var(--pt-muted,#5b6875)}
.surfaceMeasure{margin:6px 0 0;font-size:13px;color:var(--pt-muted,#5b6875)}
.unitInput{display:flex;align-items:center;gap:6px}
.unitInput input{width:5.5em}
.unitInput span{font-size:13px;color:var(--pt-muted,#5b6875)}
.gardenPathTools[hidden]{display:none}
.gardenPathTools .pathWidth{display:flex;align-items:center;justify-content:space-between;gap:8px}
#gardenPathTools p:empty,#ls-notice:empty,#gw-notice:empty{display:none}

/* Dropdowns match the height of the buttons beside them. */
#leftControls select,#drawer select{height:36px;min-height:36px;padding-top:0;padding-bottom:0;line-height:34px;box-sizing:border-box}
#leftControls input[type=number],#leftControls input[type=text],#leftControls input[type=search],#leftControls input:not([type]){height:36px;min-height:36px;box-sizing:border-box}
.app:is([data-scene-category="landscape"],[data-scene-category="surfaces"]) label:has(> #sp-selection){display:none!important}
#sp-notice:empty{display:none}
#leftControls select{width:100%}
.surfaceTool{height:36px;width:40px}
.gardenWallTools h3,.landscapeSurfaceTools h3{margin:14px 0 2px;font-size:14px;font-weight:600}
.gardenWallTools{padding-bottom:10px;border-bottom:1px solid var(--pt-border,#d5dde5);margin-bottom:10px}
@media (pointer:coarse){.surfaceTool{height:44px;width:48px}}
#savedGroupLibrary:not(:has(select option:nth-child(2))){display:none!important}
.surfaceTools::before{content:'Draw';flex-basis:100%;font-size:12px;color:var(--pt-muted,#5b6875)}
.gardenWallTools .surfaceTools::before{content:none}
#leftControls #sp-fields select,#leftControls #sp-fields label select{width:100%!important;max-width:none!important}
#leftControls #sp-fields label:has(> select){grid-column:1/-1}
/* Browser tests that drive the object list rows switch it back on. */
body[data-test-object-list] #sceneOutliner{display:block!important}

/* Object settings keep what a landscaper edits: size, name and variety.
   Rotation is the handle on the plan; position, notes and clearance are not shown. */
.app:is([data-scene-category="landscape"],[data-scene-category="surfaces"]) :is(#sp-fields label:has(> [data-field="yaw"]),.sceneFieldDetails){display:none!important}
.gardenPathTools{margin-top:14px;padding-top:4px;border-top:1px solid var(--pt-border,#d5dde5)}
.gardenPathTools .surfacePick{margin:8px 0}
.pathDraw{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;margin:4px 0 10px;border:1px solid var(--pt-border,#d5dde5);border-radius:8px;
  background:var(--pt-panel,#fff);color:var(--pt-ink,#1f2933);font:inherit;font-size:13px;cursor:pointer}
.pathDraw svg{width:20px;height:20px}
.pathDraw[aria-pressed="true"]{background:var(--pt-selected,#d8e8f4);border-color:var(--pt-accent,#326b98);color:var(--pt-accent,#326b98)}
.pathDraw:disabled{opacity:.4;cursor:default}