/* 1.36: reserved control space below the canvas; no mobile canvas overlay. */
#plb30-viewer .fixture-options-drawer{display:contents}
#plb30-viewer .fixture-options-drawer[hidden]{display:none!important}
#plb30-viewer .options-drawer-content{display:contents}
#plb30-viewer .options-drawer-heading,#plb30-viewer .fixture-options-toggle{display:none}
#plb30-viewer .fixture-power-dock{flex:none;padding:12px 14px;background:#193f31;border-top:1px solid #a5b59f45}
#plb30-viewer .fixture-power-dock .power-row{position:relative;top:auto;z-index:auto;margin:0!important;padding:10px 12px!important;min-height:70px!important;border:1px solid #bac7ac80;border-radius:14px;background:#2b5341;gap:10px;transition:background .25s,border-color .25s,box-shadow .25s}
#plb30-viewer .fixture-power-dock .power-row[hidden]{display:none!important}
#plb30-viewer .fixture-power-dock .power-title{font:650 17px/1.25 system-ui;color:#fff;gap:10px}
#plb30-viewer .fixture-power-dock .power-title:before{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #b9c8af66;border-radius:50%;background:#173c30;font-size:30px;line-height:1;color:#fff;text-shadow:none;transition:transform .25s,background .25s,color .25s}
#plb30-viewer .fixture-power-dock .power-row input{width:62px;height:44px;margin:0;border:6px solid #64786a;box-sizing:border-box;background:#64786a;border-radius:28px;flex:none;animation:none;transition:background .25s,border-color .25s}
#plb30-viewer .fixture-power-dock .power-row input:after{width:24px;height:24px;left:4px;top:4px;transform:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
#plb30-viewer .fixture-power-dock .power-row input:checked{background:#d6bd82;border-color:#d6bd82}
#plb30-viewer .fixture-power-dock .power-row input:checked:after{transform:translateX(18px)}
#plb30-viewer .fixture-power-dock .power-row[data-power=on]{background:#496447;border-color:#e3d1a4;box-shadow:inset 0 0 0 1px #e3d1a426}
#plb30-viewer .fixture-power-dock .power-row[data-power=on] .power-title:before{background:#e3d1a4;color:#193c2c;animation:abba-power-pop .65s ease-out both}
#plb30-viewer .fixture-power-dock .power-row:active{transform:scale(.985)}
#plb30-viewer .fixture-power-dock .power-row:focus-within{outline:2px solid #fff1be;outline-offset:3px}
@keyframes abba-power-pop{0%{transform:scale(.88);box-shadow:0 0 0 0 #e3d1a480}55%{transform:scale(1.08)}100%{transform:scale(1);box-shadow:0 0 0 12px #e3d1a400}}
@media(max-width:760px){
 #plb30-viewer.mobile-controls-active .layout{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(300px,1fr) auto;height:700px!important}
 #plb30-viewer.mobile-controls-active .viewport{height:100%!important;min-height:0!important}
 #plb30-viewer.mobile-controls-active .universal-fixture-panel{max-height:400px;min-height:0;display:flex!important;flex-direction:column;overflow:hidden!important}
 #plb30-viewer.mobile-controls-active .scene-bottom-bar{position:static!important;inset:auto!important;display:grid;grid-template-columns:minmax(0,1fr) 108px;flex:none;gap:6px;padding:6px 8px;margin:0;background:#1d4233;width:100%;}
 #plb30-viewer.mobile-controls-active .scene-camera-stack{min-width:0;gap:3px}
 #plb30-viewer.mobile-controls-active .experience-tools,#plb30-viewer.mobile-controls-active .view-buttons{position:static!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;margin:0;gap:2px;padding:2px;min-width:0;scrollbar-width:thin}
 #plb30-viewer.mobile-controls-active .experience-tools button,#plb30-viewer.mobile-controls-active .view-buttons button{min-height:44px;font-size:11px;flex:none;padding:6px 8px}
 #plb30-viewer.mobile-controls-active .scene-ar-slot{position:static!important;max-width:none;align-self:stretch;display:flex;align-items:center;min-width:0}
 #plb30-viewer.mobile-controls-active .scene-ar-slot a{width:100%;margin:0;min-height:64px;padding:9px 6px;font-size:12px;white-space:normal}
 #plb30-viewer.mobile-controls-active .fixture-power-dock{display:flex;align-items:center;gap:8px;padding:8px 10px;flex:none;order:0}
 #plb30-viewer.mobile-controls-active .fixture-power-dock .power-row{flex:1;min-width:0;padding:7px 9px!important;min-height:64px!important}
 #plb30-viewer.mobile-controls-active .fixture-options-toggle{display:block;flex:none;min-width:78px;min-height:56px;max-width:96px;padding:8px;border:1px solid #e3d1a4;border-radius:12px;color:#173c30;background:#e3d1a4;font:650 14px/1.3 system-ui;cursor:pointer}
 #plb30-viewer.mobile-controls-active .fixture-options-drawer{display:flex;flex-direction:column;min-height:0;max-height:220px;overflow:hidden;border-top:1px solid #a5b59f45;background:#234a39;animation:abba-options-enter .22s ease-out}
 #plb30-viewer.mobile-controls-active .options-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 12px;flex:none;font:600 14px/1.3 system-ui;color:#f5e5bf}
 #plb30-viewer.mobile-controls-active .options-drawer-heading button{min-height:44px;padding:8px 14px;border:1px solid #d3c08c88;border-radius:8px;background:#183e2f;color:white;font:600 14px system-ui;cursor:pointer}
 #plb30-viewer.mobile-controls-active .options-drawer-content{display:block;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;padding:8px 0 12px}
 #plb30-viewer.mobile-controls-active .universal-fixture-panel .fixture-primary,#plb30-viewer.mobile-controls-active .universal-fixture-panel .fixture-details-scroll,#plb30-viewer.mobile-controls-active .environment-panel{max-height:none!important;overflow:visible!important;flex:none!important}
 #plb30-viewer.mobile-controls-active .scene-heading{top:14px!important}
}
@media(max-width:380px){#plb30-viewer.mobile-controls-active .power-title{font-size:15px;gap:6px}#plb30-viewer.mobile-controls-active .power-title:before{width:32px;height:32px;font-size:25px}#plb30-viewer.mobile-controls-active .fixture-power-dock{gap:6px;padding:8px}#plb30-viewer.mobile-controls-active .fixture-options-toggle{min-width:72px;font-size:13px}}
@keyframes abba-options-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#plb30-viewer .fixture-power-dock *,#plb30-viewer .fixture-options-drawer{animation:none!important;transition:none!important}#plb30-viewer .fixture-power-dock .power-row:active{transform:none}}

/* Day/Night follows Temperature / Colors, including the optional custom picker. */
#plb30-viewer .preview-time-field{margin:16px 0 10px;width:100%}
#plb30-viewer .preview-time-field .day-night{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid #91a48e66;border-radius:10px;background:#163b2c}
#plb30-viewer .preview-time-field .day-night button{font:600 14px system-ui;min-height:46px;color:#fff;background:transparent;border:0;border-radius:7px;cursor:pointer;transition:background .2s,color .2s}
#plb30-viewer .preview-time-field .day-night button[aria-pressed=true]{background:#e3d1a4;color:#19392d}
@media(prefers-reduced-motion:reduce){#plb30-viewer .preview-time-field button{transition:none!important}}

/* 1.38.29: breathing room above finish choices. */
#plb30-viewer .universal-fixture-panel .fixture-primary{padding-top:20px!important}
@media(max-width:760px){#plb30-viewer .universal-fixture-panel .fixture-primary{padding-top:14px!important}}

/* 1.38.29: simple navigation and a compact collapsed selection summary. */
#plb30-viewer .camera-nudge-controls{display:flex;gap:4px;padding:4px;width:max-content;max-width:100%;overflow-x:auto;border:1px solid #c6cfbd50;border-radius:10px;background:#153e30ec}
#plb30-viewer .camera-nudge-controls[hidden],#plb30-viewer .hint[hidden]{display:none!important}
#plb30-viewer .camera-nudge-controls button{flex:none;min-width:44px;min-height:44px;border:1px solid #b9c6ad55;border-radius:8px;background:#28513f;color:#fff;font:600 24px/1 system-ui;cursor:pointer;transition:background .18s,transform .18s}
#plb30-viewer .camera-nudge-controls button:hover{background:#41654e}
#plb30-viewer .camera-nudge-controls button:active{transform:scale(.94)}
#plb30-viewer .camera-nudge-controls button:disabled{opacity:.4;cursor:default}
#plb30-viewer .first-use-guide{font:13px/1.4 system-ui;color:#fff;margin:0;padding:5px 8px;border-radius:7px;background:#12372de8;max-width:270px;pointer-events:none}
#plb30-viewer .mobile-selection-summary{display:none}
@media(max-width:760px){
 #plb30-viewer.mobile-controls-active .camera-nudge-controls{padding:2px;gap:2px;width:100%;border:0;background:transparent}
 #plb30-viewer.mobile-controls-active .camera-nudge-controls button{min-width:44px;min-height:44px;font-size:23px}
 #plb30-viewer.mobile-controls-active .mobile-selection-summary{display:block;flex:none;font:12px/1.45 system-ui;color:#f6e5b8;padding:0 12px 9px;margin:0;background:#193f31;overflow-wrap:anywhere}
 #plb30-viewer.mobile-controls-active.options-drawer-open .mobile-selection-summary{display:none}
 #plb30-viewer.mobile-controls-active .first-use-guide{font-size:12px;padding:4px 6px;max-width:none}
}
@media(prefers-reduced-motion:reduce){#plb30-viewer .camera-nudge-controls button{transition:none!important}#plb30-viewer .camera-nudge-controls button:active{transform:none}}

/* 1.38.29: restore pointer hit testing inside the pass-through camera overlay. */
#plb30-viewer .camera-nudge-controls,
#plb30-viewer .camera-nudge-controls button{pointer-events:auto}
/* One scroll area, with persistent tabs and power. Move existing controls; preserve handlers. */
#plb30-viewer .fixture-options-drawer{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}
#plb30-viewer .fixture-option-tabs{display:grid;grid-template-columns:1fr 1fr 1.18fr;gap:3px;flex:none;padding:10px 8px;background:#173c30;border-bottom:1px solid #a5b59f45}
#plb30-viewer .fixture-option-tabs button{min-width:0;min-height:46px;padding:8px 3px;border:1px solid transparent;border-radius:8px;color:#fff;background:transparent;font:600 12px/1.3 system-ui;cursor:pointer;transition:background .2s,color .2s}
#plb30-viewer .fixture-option-tabs button[aria-selected=true]{background:#e3d1a4;color:#19392d;border-color:#f5e7c5}
#plb30-viewer .fixture-option-tabs button:hover:not([aria-selected=true]){background:#315644}
#plb30-viewer .fixture-option-tabs button:focus-visible,#plb30-viewer .fixture-option-pane:focus-visible{outline:2px solid #fff1be;outline-offset:-3px}
#plb30-viewer .options-drawer-content{display:block;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a5b49688 transparent;padding:0 0 12px}
#plb30-viewer .fixture-option-pane[hidden]{display:none!important}
#plb30-viewer .fixture-option-pane .fixture-primary,
#plb30-viewer .fixture-option-pane .fixture-details-scroll,
#plb30-viewer .fixture-option-pane .environment-panel{position:static;max-height:none!important;min-height:0;overflow:visible!important;flex:none!important;width:100%;max-width:none;border:0;background:transparent}
#plb30-viewer .tabbed-details>summary{display:none!important}
#plb30-viewer .fixture-option-pane .environment-panel{padding-top:16px}
#plb30-viewer .fixture-option-pane .fixture-details-scroll{padding-top:18px!important}
#plb30-viewer .fixture-option-pane .spec-row{padding:10px 0;line-height:1.5}
@media(max-width:760px){
 #plb30-viewer.mobile-controls-active .fixture-option-tabs{padding:4px 8px 7px}
 #plb30-viewer.mobile-controls-active .options-drawer-content{padding-top:0}
 #plb30-viewer.mobile-controls-active .fixture-options-drawer{max-height:260px}
}
@media(prefers-reduced-motion:reduce){#plb30-viewer .fixture-option-tabs button{transition:none!important}}

/* 1.38.29: matching power and Day/Night cards; original interactive nodes retained. */
#plb30-viewer .fixture-power-dock .fixture-lighting-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;min-width:0;align-items:stretch}
#plb30-viewer .fixture-power-dock .fixture-lighting-pair.power-only{grid-template-columns:minmax(0,1fr)}
#plb30-viewer .fixture-power-dock .fixture-lighting-pair .power-row,
#plb30-viewer .fixture-power-dock .fixture-lighting-pair .preview-time-field{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;width:100%;min-height:106px!important;margin:0!important;padding:10px 6px!important;border:1px solid #aebc9f75;border-radius:13px;background:linear-gradient(155deg,#315844,#1e4334);box-shadow:inset 0 1px 0 #ffffff0b;transition:background .25s,border-color .25s,box-shadow .25s,transform .2s}
#plb30-viewer .fixture-power-dock .fixture-lighting-pair .power-row[hidden]{display:none!important}
#plb30-viewer .fixture-lighting-pair .power-title{display:flex;align-items:center;gap:6px;font:650 13px/1.2 system-ui;color:#fff;white-space:nowrap}
#plb30-viewer .fixture-lighting-pair .power-title:before{width:22px;height:22px;font-size:20px;border:0;background:transparent}
#plb30-viewer .fixture-lighting-pair .power-row input{width:56px;height:32px;border:0;box-shadow:inset 0 1px 3px #0003;background:#607d6c;flex:none;transition:background .25s,box-shadow .3s;cursor:pointer}
#plb30-viewer .fixture-lighting-pair .power-row input:after{width:24px;height:24px;left:4px;top:4px;transform:none;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
#plb30-viewer .fixture-lighting-pair .power-row input:checked:after{transform:translateX(24px)}
#plb30-viewer .fixture-lighting-pair .power-row[data-power=on]{background:linear-gradient(155deg,#4c6647,#304e35);border-color:#e3d1a4;box-shadow:inset 0 0 0 1px #e3d1a420,0 0 16px #dfce9820}
#plb30-viewer .fixture-lighting-pair .preview-time-field>.section-label{font:650 13px/1.2 system-ui;color:#fff;text-transform:none;letter-spacing:0;margin:0;text-align:center}
#plb30-viewer .fixture-lighting-pair .preview-time-field .day-night{box-sizing:border-box;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0;padding:2px;border:1px solid #a8b69555;border-radius:9px;background:#123829;min-width:0}
#plb30-viewer .fixture-lighting-pair .day-night:before{content:'';position:absolute;z-index:-1;inset:2px auto 2px 2px;width:calc((100% - 4px)/2);border-radius:6px;background:linear-gradient(135deg,#f0dfb4,#c9b67f);box-shadow:0 2px 6px #0002;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
#plb30-viewer .fixture-lighting-pair .day-night:has(button[data-mode=night][aria-pressed=true]):before{transform:translateX(100%)}
#plb30-viewer .fixture-lighting-pair .preview-time-field .day-night button{box-sizing:border-box;position:relative;min-width:0;min-height:44px;padding:4px 1px;border:0;border-radius:6px;background:transparent!important;color:#fff;font:600 11px/1.3 system-ui;white-space:nowrap;transition:color .25s,transform .2s}
#plb30-viewer .fixture-lighting-pair .preview-time-field .day-night button[aria-pressed=true]{color:#19392d;animation:abba-mode-confirm .35s ease-out}
#plb30-viewer .fixture-lighting-pair .day-night button:focus-visible{outline:2px solid #fff4cf;outline-offset:2px}
#plb30-viewer .fixture-lighting-pair .day-night button:active{transform:scale(.95)}
@media(hover:hover){#plb30-viewer .fixture-lighting-pair .power-row:hover,#plb30-viewer .fixture-lighting-pair .preview-time-field:hover{border-color:#e3d1a4;box-shadow:0 4px 14px #0002;transform:translateY(-1px)}}
@media(max-width:760px){
 #plb30-viewer.mobile-controls-active .fixture-power-dock{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 10px}
 #plb30-viewer.mobile-controls-active .fixture-lighting-pair .power-row,#plb30-viewer.mobile-controls-active .fixture-lighting-pair .preview-time-field{min-height:96px!important;gap:8px}
 #plb30-viewer.mobile-controls-active .fixture-lighting-pair .preview-time-field .day-night button{font-size:13px}
 #plb30-viewer.mobile-controls-active .fixture-options-toggle{width:100%;max-width:none;min-width:0;min-height:44px;padding:6px 12px;border-radius:9px}
}
@keyframes abba-mode-confirm{from{opacity:.65}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#plb30-viewer .fixture-lighting-pair *,#plb30-viewer .fixture-lighting-pair *:before,#plb30-viewer .fixture-lighting-pair *:after{animation:none!important;transition:none!important}#plb30-viewer .fixture-lighting-pair .power-row:hover,#plb30-viewer .fixture-lighting-pair .preview-time-field:hover,#plb30-viewer .fixture-lighting-pair button:active{transform:none}}
