/* Touch-sized controls and a compact workspace, including mirrored TV use. */
.planner-help{flex:1 0 100%;min-width:0;border:1px solid #9cae9d;background:#e2e8dd;color:var(--ink)}
.planner-help>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:12px 16px;min-height:56px;touch-action:manipulation}
.planner-help>summary::-webkit-details-marker{display:none}
#planner-help>summary::after{content:none;display:none}
.planner-help>summary:focus-visible,.planner-help-body:focus-visible{outline:3px solid #678642;outline-offset:-3px}
.planner-help-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #8c9f89;border-radius:50%;font-size:19px;font-weight:700}
.planner-help summary strong{display:block;font-size:17px;line-height:1.4}
.planner-help summary small{display:block;font-size:13px;line-height:1.5;margin-top:2px}
.planner-help-toggle{margin-left:auto;white-space:nowrap;font-size:14px;font-weight:600}
.planner-help-body{max-height:min(460px,42dvh);overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 20px;border-top:1px solid #a8b6a3;background:#f3f4ee;scrollbar-gutter:stable}
.planner-help-start{font-size:16px;line-height:1.6;margin:0 0 20px}
.planner-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
.planner-help-grid section{min-width:0}
.planner-help-grid h3{font-size:18px;line-height:1.4;margin:0 0 10px;font-weight:700;letter-spacing:0}
.planner-help-grid ul{margin:0;padding-left:20px}
.planner-help-grid li{font-size:16px;line-height:1.6;margin:0 0 8px}
.planner-help-note{font-size:14px;line-height:1.6;border-top:1px solid #bbc4b5;padding-top:16px;margin:20px 0 12px}
.clean-config .is-presenting .planner-help{display:none}
@media(max-width:700px){.planner-help>summary{padding:10px;gap:9px}.planner-help summary small{font-size:12px}.planner-help-toggle{font-size:12px}.planner-help-icon{width:26px;height:26px}.planner-help-grid{grid-template-columns:1fr;gap:24px}.planner-help-body{padding:16px;max-height:40dvh}.planner-help summary strong{font-size:16px}}
@media(max-height:520px) and (orientation:landscape){.planner-help-body{max-height:30dvh}.planner-help summary small{display:none}.planner-help>summary{min-height:44px;padding:6px 12px}}
.clean-config .configurator button,.clean-config dialog button{touch-action:manipulation}
.clean-config .camera-buttons button,.clean-config .design-tools button{width:44px;height:44px;min-height:44px}
.clean-config .view-buttons button{min-height:44px;font-size:14px;padding:10px 12px}
.clean-config .camera-toolbar{flex-wrap:wrap;gap:8px}
.clean-config .clean-actions button{min-height:48px;font-size:16px;padding:12px;align-items:center}
.clean-config .clean-views button{font-size:14px;min-height:64px}
.clean-config .clean-views button small{font-size:11px}
.clean-config .clean-panel #clean-summary{font-size:15px}
.clean-config .clean-panel #show-areas{font-size:14px;min-height:44px}
.clean-config .clean-panel .clean-tip{font-size:13px}
.clean-config .placement-hint{font-size:13px;line-height:1.45;min-height:38px}
.clean-config .config-viewer{position:relative;top:auto;min-width:0}
.clean-config .model-note{font-size:12px}
.clean-config .configurator .icon-btn,.clean-config dialog .icon-btn,.sheet-close,#precision-close{min-width:44px;min-height:44px}
.clean-config dialog{max-height:calc(var(--planner-visible-height,100dvh) - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.clean-config .config-sheet{height:var(--planner-visible-height,100dvh);max-height:var(--planner-visible-height,100dvh);padding-bottom:max(24px,env(safe-area-inset-bottom))}
.clean-config dialog input,.clean-config dialog select{font-size:16px;min-height:46px}
.clean-config dialog button{min-height:44px}
.clean-config dialog .sheet-heading{position:sticky;top:-27px;z-index:3;background:#f0eee6;padding:10px 0}
.consultation-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.config-fullscreen-bar{flex-wrap:wrap}
.consultation-actions button{min-height:44px;font-size:14px}
.consultation-actions #tv-help{background:transparent;color:var(--ink)}
#tv-help-dialog ol{padding-left:24px}#tv-help-dialog li{font-size:17px;line-height:1.6;margin:16px 0}
#compact-selected{display:none;background:#edf0e8;color:var(--ink);border-top:1px solid #a9b3a5;padding:10px 12px;flex-shrink:0}
#compact-selected-name{display:block;font-size:15px;line-height:1.4;margin-bottom:8px;font-weight:600}
#compact-selected>div{display:flex;flex-wrap:wrap;gap:8px}
#compact-selected button{min-height:44px;padding:10px 12px;font-size:15px;background:#354f3e;color:#fffef6;border:1px solid #8e9f88}
#compact-selected button:last-child{background:transparent;color:var(--ink)}
.compact-planner #compact-selected:not([hidden]){display:block}
.compact-planner #device-toolbar{display:none!important}
.precision-sheet .precision-panel{border:0;padding:14px 0;background:transparent}
.precision-sheet .precision-heading{padding:0 0 10px}
.precision-sheet #precision-close{display:none}
.precision-sheet #precision-done{margin-top:16px;width:100%}
.compact-rotation{display:flex;flex-wrap:wrap;gap:10px}
.clean-config .config-viewer.is-floorplan .camera-buttons{display:flex}
.clean-config .config-viewer.is-floorplan #rotate-left{display:none}
.clean-config .configurator.is-fullscreen.is-presenting{grid-template-columns:1fr}
.clean-config .is-presenting .clean-panel,.clean-config .is-presenting .camera-toolbar,.clean-config .is-presenting .device-toolbar,.clean-config .is-presenting #compact-selected,.clean-config .is-presenting .precision-panel,.clean-config .is-presenting .placement-hint,.clean-config .is-presenting #tv-help{display:none!important}
.clean-config .is-presenting .config-viewer,.clean-config .is-presenting .config-viewer:has(.precision-panel:not([hidden])){min-height:0;height:100%;overflow:hidden}
.clean-config .is-presenting #floorplan-view{pointer-events:none}
.clean-config .is-presenting #trailer-canvas{cursor:grab}
@media(max-width:1100px),(pointer:coarse){
 .clean-config .configurator{margin-left:2%;margin-right:2%;grid-template-columns:minmax(0,1fr) 252px}
 .clean-config .clean-panel{padding:18px 14px}
 .clean-config .clean-panel h2{font-size:27px}
 .clean-config .config-viewer{min-height:540px;height:72dvh}
 .clean-config .config-viewer #trailer-canvas{min-height:250px}
 .clean-config .config-sheet{width:460px;max-width:100%}
 .clean-config .camera-toolbar .view-buttons{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,1fr)}
 .clean-config .camera-toolbar .view-buttons button{font-size:15px}
 .clean-config .camera-toolbar .camera-buttons{margin:0}
 .clean-config .camera-toolbar .design-tools{margin-left:auto}
 .clean-config .is-fullscreen .config-viewer{height:100%;min-height:0}
 .clean-config .is-presenting .config-viewer{height:100%;min-height:0}
 .clean-config .config-viewer.is-floorplan #floorplan-view svg{min-height:200px}
 .clean-config .appliance-editor .product-specs{font-size:16px}
}
@media(max-width:900px) and (orientation:portrait),(max-width:700px){
 .clean-config .configurator{display:flex;flex-direction:column;margin:0 12px}
 .clean-config .config-viewer{height:65dvh;min-height:480px;max-height:none;align-self:stretch}
 .clean-config .config-viewer #trailer-canvas{min-height:230px}
 .clean-config .clean-panel{display:block;border-left:0;border-top:1px solid #b9c2b2;padding:16px}
 .clean-panel h2,.clean-panel>.eyebrow,.clean-panel .clean-note,.clean-panel .clean-tip,.clean-panel .lighting-credit{display:none}
 .clean-config .clean-views{grid-template-columns:repeat(2,1fr);gap:8px}
 .clean-config .clean-views button{min-height:48px;font-size:14px;padding:10px}
 .clean-views button small{display:none}
 .clean-config .clean-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;padding-top:12px}
 .clean-config .clean-actions button{font-size:15px;line-height:1.4;min-height:56px;padding:10px}
 .config-fullscreen-bar>span{display:none}
 .consultation-actions{width:100%;justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}
 .consultation-actions #tv-help{grid-column:1/-1;min-height:44px;padding:6px}
 .config-fullscreen-bar{padding:8px}
 .clean-config .config-sheet{width:100%;max-width:100%;padding:20px 16px max(24px,env(safe-area-inset-bottom))}
 .clean-config dialog .sheet-heading{top:-20px}
 .clean-config .configurator.is-fullscreen{margin:0;display:flex;flex-direction:column;overflow-y:auto}
 .clean-config .is-fullscreen .config-fullscreen-bar{position:sticky;top:0;z-index:20}
 .clean-config .is-fullscreen .config-viewer{height:auto;min-height:65dvh;flex-shrink:0;overflow:visible}
 .clean-config .is-fullscreen .config-viewer #trailer-canvas,.clean-config .is-fullscreen .config-viewer #floorplan-view{height:40dvh;min-height:230px;flex:none}
 .clean-config .is-fullscreen .clean-panel{overflow:visible;flex-shrink:0}
 .clean-config .configurator.is-presenting{overflow:hidden}
 .clean-config .is-presenting .config-viewer{flex:1;min-height:0;height:auto;display:flex}
 .clean-config .is-presenting .config-viewer #trailer-canvas,.clean-config .is-presenting .config-viewer #floorplan-view{flex:1;height:auto;min-height:0}
 .clean-config .is-presenting .consultation-actions{grid-template-columns:1fr 1fr}
 .height-sheet{width:calc(100vw - 16px);padding:18px}
 .height-heading{top:-18px}
 .precision-position-row{display:grid;grid-template-columns:1fr}
 .precision-position-row>label:first-child{max-width:none}
 .precision-nudge{margin-left:0;justify-content:space-between}
 .precision-nudge label{flex:1;width:auto}
 .precision-nudge button{min-width:48px}
 .precision-sheet input,.precision-sheet select{width:100%}
 .selected-height-row{flex-wrap:wrap}
}
@media(max-height:520px) and (orientation:landscape){
 .clean-config .configurator.is-fullscreen{display:grid;grid-template-columns:minmax(0,1fr) 235px;overflow:hidden}
 .clean-config .is-fullscreen .config-viewer{height:100%;min-height:0;overflow:auto}
 .clean-config .is-fullscreen .config-viewer #trailer-canvas{min-height:180px;height:auto;flex:1}
 .clean-config .is-fullscreen .clean-panel{overflow-y:auto}
 .clean-config .is-fullscreen .config-fullscreen-bar>span{display:none}
 .clean-config .is-fullscreen .consultation-actions{display:flex;justify-content:space-between}
 .clean-config .is-presenting{grid-template-columns:1fr!important}
 .clean-config .is-presenting .config-viewer{overflow:hidden}
 .clean-config .is-presenting .config-viewer #trailer-canvas{min-height:0;flex:1}
}
/* Keep specification cards readable on narrow screens. */
.config-sheet .size-buttons button{min-width:0;line-height:1.4}
.config-sheet .size-buttons button>span,.config-sheet .size-buttons button>small{display:block;font-size:13px;line-height:1.5}
.config-sheet .size-buttons button>small{margin-top:8px}