:root{font-family:Inter,SF Pro Display,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color:#f3f4f3;background:#0b0d0e;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b0d0e;--surface: #121516;--surface-raised: #181b1c;--surface-active: #202426;--line: #292e30;--line-strong: #3b4245;--text: #f3f4f3;--muted: #92999b;--muted-strong: #bcc1c2;--accent: #f0bd6d;--accent-soft: rgba(240, 189, 109, .14);--green: #a8cf9a;--focus: #f1c37c}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{min-width:320px;background:var(--bg);overflow:auto}#root{width:100%;min-width:320px;min-height:100%;display:grid;place-items:start center;overflow:auto;background:#060708}.preview-host{width:100%;height:100dvh;flex:none;container-name:preview;container-type:inline-size;background:var(--bg)}.preview-host.is-mobile{width:min(390px,100vw);height:min(844px,100dvh);box-shadow:0 0 0 1px #272c2e,0 28px 90px #00000094}.preview-host.is-desktop{width:max(100%,1024px)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-shell{position:relative;width:100%;height:100%;min-height:540px;display:grid;grid-template-rows:64px minmax(0,1fr);background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.025),transparent 24%),var(--bg)}.app-header{position:relative;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);background:#0c0e0ff5}.brand-lockup,.header-scene,.header-actions,.sheet-summary__identity,.control-target,.future-control__header{display:flex;align-items:center}.brand-lockup{gap:11px;min-width:0}.brand-lockup>div{display:grid;gap:1px}.brand-lockup strong{font-size:16px;letter-spacing:.18em;font-weight:650}.brand-lockup span:not(.brand-mark){color:var(--muted);font-size:9px;letter-spacing:.14em}.brand-mark{width:25px;height:29px;display:flex;align-items:flex-end;gap:3px;padding:4px;border:1px solid var(--line-strong)}.brand-mark i{width:3px;background:var(--text)}.brand-mark i:nth-child(1){height:8px;opacity:.42}.brand-mark i:nth-child(2){height:14px;opacity:.7}.brand-mark i:nth-child(3){height:20px;background:var(--accent)}.header-scene{gap:10px;min-width:230px}.header-scene>span{color:var(--accent);font-size:11px;letter-spacing:.12em;padding-right:10px;border-right:1px solid var(--line-strong)}.header-scene>div{display:grid}.header-scene strong{font-size:13px;font-weight:600}.header-scene small{margin-top:2px;color:var(--muted);font-size:10px}.header-actions{justify-self:end;gap:4px}.viewport-switch{height:34px;display:inline-grid;grid-template-columns:repeat(2,auto);margin-right:6px;border:1px solid var(--line);background:#0d0f10}.viewport-switch button{min-width:76px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.viewport-switch button:last-child{border-right:0}.viewport-switch button.is-active{background:var(--accent-soft);color:var(--accent)}.icon-action{height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:0;background:transparent;color:var(--muted-strong);cursor:pointer}.icon-action:hover{color:var(--text);background:var(--surface-raised)}.icon-action span{font-size:12px}.workspace{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;overflow:hidden}.is-panel-collapsed .workspace{grid-template-columns:minmax(0,1fr) 48px}.scene-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#0d0f10;background-size:48px 48px}.scene-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.25) 100%)}.scene-canvas{position:absolute;inset:28px 28px 58px;display:grid;place-items:center}.scene-media{position:relative;overflow:hidden;flex:none;background:#191b1c;box-shadow:0 22px 60px #00000070,0 0 0 1px #ffffff0f;transition:width .18s ease,height .18s ease}.scene-media>img,.scene-render-canvas{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none}.scene-media.is-loading .scene-render-canvas{opacity:0}.scene-render-canvas{position:absolute;inset:0}.scene-error{position:absolute;inset:0;z-index:7;background:#111415}.scene-error img{width:100%;height:100%;object-fit:contain}.scene-error span{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:6px 9px;background:#090b0cd6;color:var(--muted-strong);font-size:10px}.scene-loading{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(110deg,#151819 20%,#1d2122,#151819 60%);background-size:220% 100%;color:var(--muted-strong);font-size:12px;letter-spacing:.08em;animation:loading-sweep 1.6s linear infinite}.scene-loading span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}@keyframes loading-sweep{to{background-position:-220% 0}}.hotspot-layer{position:absolute;inset:0}.hotspot-layer{z-index:5;pointer-events:none}.hotspot{position:absolute;width:44px;height:44px;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;cursor:pointer;pointer-events:auto}.hotspot__ring{position:absolute;inset:9px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#0a0c0d57;box-shadow:0 0 0 1px #0003,0 0 18px #ffeac338;transition:.16s ease}.hotspot__ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#f6f2e9}.hotspot__index{position:absolute;left:38px;top:12px;padding:2px 4px;background:#090b0cc7;color:#ffffffad;font-size:8px;letter-spacing:.06em}.hotspot__label{position:absolute;left:39px;top:28px;width:max-content;max-width:100px;padding:4px 6px;border-left:1px solid var(--accent);background:#090b0cdb;color:#fff;font-size:10px;opacity:0;transform:translate(-3px);transition:.15s ease}.hotspot:hover .hotspot__label,.hotspot.is-selected .hotspot__label{opacity:1;transform:translate(0)}.hotspot:hover .hotspot__ring,.hotspot.is-selected .hotspot__ring{inset:6px;border-color:var(--accent);box-shadow:0 0 0 1px #f0bd6d38,0 0 22px #f0bd6d4d}.hotspot.is-selected .hotspot__ring{animation:hotspot-pulse .6s ease-out 1}.hotspot.is-off .hotspot__ring:after{background:#4c5153}.remote-control{position:absolute;z-index:8;left:50%;bottom:3.5%;width:clamp(110px,25%,190px);aspect-ratio:325 / 690;opacity:0;transform:translate(-50%,calc(100% + 48px));filter:drop-shadow(0 16px 20px rgba(0,0,0,.42));pointer-events:none;transition:opacity .5s ease,transform .5s cubic-bezier(.22,.72,.2,1)}.remote-control.is-visible{opacity:1;transform:translate(-50%);pointer-events:auto}.remote-control.is-leaving{pointer-events:none}.remote-control__crop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.remote-control__crop img{position:absolute;left:-76.92%;top:-8.7%;width:230.77%;max-width:none;-webkit-user-select:none;user-select:none}.remote-key{position:absolute;z-index:2;width:17%;aspect-ratio:1;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;cursor:pointer;touch-action:none}.remote-key:after{content:"";position:absolute;inset:-12%;border-radius:50%;background:#f0bd6d00;transition:background .1s ease,box-shadow .1s ease}.remote-key:hover:after,.remote-key.is-active:after{background:#f0bd6d2e;box-shadow:0 0 20px #f0bd6d9e}.remote-key--1{left:46.2%;top:28.3%}.remote-key--2{left:46.2%;top:47.8%}.remote-key--3{left:23.1%;top:37.7%}.remote-key--4{left:69.2%;top:37.7%}.remote-key--5{left:46.2%;top:77.5%}.remote-key--6{left:46.2%;top:87.2%}.remote-key--7{left:46.2%;top:37.7%;width:25%}.status-toast{position:absolute;z-index:100;top:76px;left:50%;width:max-content;max-width:min(720px,calc(100% - 32px));padding:10px 16px;transform:translate(-50%);border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#00000080;box-shadow:0 12px 34px #0000005c,0 0 22px #f0bd6d1f;color:#fff;font-size:12px;font-weight:650;text-align:center;animation:toast-enter .16s ease-out both}.scene-transition-overlay{position:absolute;z-index:90;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .3s linear}.scene-transition-overlay.is-darkening,.scene-transition-overlay.is-black{opacity:1;pointer-events:auto}.scene-transition-overlay.is-lightening,.scene-transition-overlay.is-idle{opacity:0}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes hotspot-pulse{0%{box-shadow:0 0 #f0bd6d8c}to{box-shadow:0 0 0 9px #f0bd6d00}}.scene-caption{position:absolute;z-index:6;left:24px;right:24px;bottom:18px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.04em}.scene-caption>div{display:flex;align-items:center;gap:9px}.scene-caption strong{color:var(--text);font-size:12px;font-weight:550}.scene-caption__code{color:var(--accent);font-size:10px;letter-spacing:.12em}.control-panel{position:relative;z-index:20;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-left:1px solid var(--line);background:var(--surface)}.mobile-top-controls,.drawer-resize-handle,.is-panel-collapsed .control-panel{display:none}.panel-heading{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.mobile-panel-bar{display:none}.panel-heading h2{margin:3px 0 0;font-size:19px;font-weight:560;letter-spacing:.02em}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:.16em}.preview-badge{padding:5px 7px;border:1px solid #484238;color:#cfb98f;font-size:9px;letter-spacing:.08em}.panel-scroll{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#404547 transparent}.accordion{border-bottom:1px solid var(--line)}.accordion__trigger{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;border:0;background:transparent;text-align:left;cursor:pointer}.accordion__trigger:hover{background:#ffffff05}.accordion__trigger>span{min-width:0;display:grid;gap:3px}.accordion__label{font-size:13px;font-weight:560}.accordion__detail{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.accordion__chevron{color:var(--muted);transform:rotate(-90deg);transition:transform .18s ease}.accordion.is-open .accordion__chevron{transform:rotate(0)}.accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.accordion.is-open .accordion__body{grid-template-rows:1fr}.accordion__content{min-height:0;overflow:hidden}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 14px 15px}.scene-tile{min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);background:#0f1112;text-align:left;cursor:pointer}.scene-tile:hover{border-color:var(--line-strong)}.scene-tile.is-selected{border-color:#9f8256;box-shadow:inset 0 -2px var(--accent)}.scene-tile img{width:100%;height:64px;display:block;object-fit:cover;filter:saturate(.8) brightness(.78)}.scene-tile.is-selected img{filter:saturate(.94) brightness(.96)}.scene-tile>span{display:flex;align-items:baseline;gap:6px;padding:8px;overflow:hidden;color:var(--muted-strong);font-size:10px;white-space:nowrap;text-overflow:ellipsis}.scene-tile strong{color:var(--accent);font-size:9px;letter-spacing:.08em}.light-list{display:grid;gap:2px;padding:0 12px 14px}.light-row{width:100%;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:4px;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer}.hotspot-visibility-toggle{min-width:82px;height:34px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;border:1px solid var(--line-strong);background:#111314;color:var(--muted-strong);font-size:8px;cursor:pointer}.hotspot-visibility-toggle input{width:13px;height:13px;margin:0;accent-color:var(--accent)}.light-row--all{grid-template-columns:minmax(0,1fr) auto;padding:4px}.light-row__select{min-width:0;min-height:42px;display:grid;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:1px 5px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.light-switch-button{min-width:82px;height:34px;display:grid;grid-template-columns:16px auto;align-items:center;gap:4px;padding:0 6px;border:1px solid #4a4234;background:#151617;color:#d8c29e;font-size:8px;cursor:pointer;touch-action:none}.light-switch-button:active{background:#f0bd6d29;box-shadow:0 0 16px #f0bd6d38}.light-row:hover{background:#ffffff06}.light-row.is-selected{border-color:#343a3c;background:var(--surface-active)}.light-row__icon,.light-row__number{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line-strong);color:var(--muted-strong)}.light-row__number{font-size:9px;letter-spacing:.06em}.light-row.is-selected .light-row__icon,.light-row.is-selected .light-row__number{border-color:#8a714c;color:var(--accent)}.light-row__name{min-width:0;display:grid;gap:2px}.light-row__name strong{overflow:hidden;font-size:12px;font-weight:520;text-overflow:ellipsis;white-space:nowrap}.light-row__name small{color:var(--muted);font-size:9px}.light-row__status{width:7px;height:7px;border-radius:50%;background:#4a4f51}.light-row__status.is-on{background:var(--green);box-shadow:0 0 8px #a8cf9a52}.control-block{display:grid;gap:8px;padding:0 12px 16px}.control-top-row{min-height:58px;display:grid;grid-template-columns:minmax(70px,1fr) auto auto 38px;align-items:center;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.1);background:#0009}.desktop-control-top{grid-template-columns:minmax(70px,1fr) auto auto 38px;margin:12px}.control-target{min-width:0;display:grid;align-items:center;gap:3px}.control-target>span{color:var(--muted);font-size:9px}.control-target>strong{overflow:hidden;font-size:13px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.power-button{min-height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line-strong);background:#111314;color:var(--muted-strong);font-size:10px;cursor:pointer}.control-top-row .power-button{min-height:38px;padding:0 8px;font-size:9px}.control-switch-button{height:38px}.remote-icon-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #45494b;background:#141617db;color:#777d80;cursor:pointer;touch-action:none;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.remote-icon-button.is-active{border-color:#b58d4e;background:#f0bd6d21;color:var(--accent);box-shadow:0 0 18px #f0bd6d61,inset 0 0 10px #f0bd6d14}.power-button.is-on{border-color:#616b62;color:#c9dfc1;background:#8bb37e14}.slider-control{padding:14px;border:1px solid rgba(255,255,255,.1)}.control-function-row{background:#0009}.slider-control__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.slider-control label{font-size:12px;font-weight:550}.slider-control output{color:var(--accent);font-size:20px;font-weight:480;letter-spacing:-.02em}input[type=range]{width:100%;height:24px;margin:0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--accent) var(--range-progress),#3c4143 var(--range-progress))}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6.5px;appearance:none;border:3px solid var(--surface);border-radius:50%;background:#f4d5a4;box-shadow:0 0 0 1px #c29b60}input[type=range]::-moz-range-track{height:3px;background:#3c4143}input[type=range]::-moz-range-progress{height:3px;background:var(--accent)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid var(--surface);border-radius:50%;background:#f4d5a4;box-shadow:0 0 0 1px #c29b60}.slider-scale,.cct-labels{display:flex;justify-content:space-between;margin-top:3px;color:#656b6d;font-size:8px}.future-control,.cct-control{position:relative;padding:14px;border:1px solid rgba(255,255,255,.1)}.remote-mode-toggle{min-height:60px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;position:relative;padding:14px 0;border-top:1px solid var(--line);cursor:pointer}.remote-mode-toggle>span{display:grid;gap:3px}.remote-mode-toggle strong{font-size:12px;font-weight:560}.remote-mode-toggle small{color:var(--muted);font-size:9px}.remote-mode-toggle input{position:absolute;opacity:0;pointer-events:none}.remote-mode-toggle i{position:relative;width:38px;height:21px;border:1px solid var(--line-strong);background:#0f1112;transition:.15s ease}.remote-mode-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;background:#737a7c;transition:.15s ease}.remote-mode-toggle input:checked+i{border-color:#8a714c;background:#f0bd6d1f}.remote-mode-toggle input:checked+i:after{left:20px;background:var(--accent);box-shadow:0 0 10px #f0bd6d57}.remote-mode-toggle input:focus-visible+i{outline:2px solid var(--focus);outline-offset:2px}.app-control-note{margin:12px 0 0;padding:10px 11px;border-left:2px solid #786344;background:#101213;color:var(--muted-strong);font-size:9px;line-height:1.55}.future-control{opacity:.62}.cct-control .slider-control__header{margin-bottom:12px}.cct-control output{color:#fff;font-size:17px}.cct-slider::-webkit-slider-runnable-track{height:5px;background:linear-gradient(90deg,#c88a48,#d6b17c 25%,#cbc7bc 52%,#b7c4ca 74%,#91acbd)}.cct-slider::-webkit-slider-thumb{background:#f4f5f3;box-shadow:0 0 0 1px #aeb9c5}.cct-slider::-moz-range-track,.cct-slider::-moz-range-progress{height:5px;background:linear-gradient(90deg,#c88a48,#d6b17c 25%,#cbc7bc 52%,#b7c4ca 74%,#91acbd)}.situation-control{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:14px;border:1px solid rgba(255,255,255,.1);color:var(--text);text-align:left;cursor:pointer}.situation-control>span:first-child{display:grid;gap:3px}.situation-control strong{font-size:12px;font-weight:560}.situation-control small,.situation-control>span:nth-child(2){color:var(--muted);font-size:9px}.situation-control .preset-preview{grid-column:1 / -1}.standalone-control-row,.desktop-situation-control{margin:0 12px 12px}.future-control__header{justify-content:space-between;margin-bottom:13px}.future-control__header>div{display:flex;align-items:baseline;gap:8px}.future-control__header>div span{font-size:12px;font-weight:550}.future-control__header>div strong{color:var(--muted-strong);font-size:10px;font-weight:450}.future-control__header>span{padding:3px 5px;border:1px solid var(--line-strong);color:var(--muted);font-size:8px}.cct-preview{position:relative;height:4px;background:linear-gradient(90deg,#eaa54e,#fff1d7 35%,#edf4ff 68%,#a4caff)}.cct-preview i{position:absolute;left:19%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border:3px solid var(--surface);border-radius:50%;background:#ffe0ad;box-shadow:0 0 0 1px #c79755}.preset-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.preset-preview span{padding:8px 4px;border:1px solid var(--line-strong);color:var(--muted-strong);font-size:8px;text-align:center}.sheet-summary{display:none}.collapsed-rail{width:48px;height:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-top:18px;border:0;border-left:1px solid var(--line);background:var(--surface);color:var(--muted-strong);cursor:pointer;writing-mode:vertical-rl}.collapsed-rail:hover{background:var(--surface-raised);color:var(--text)}.collapsed-rail span{font-size:10px;letter-spacing:.12em}@container preview (max-width: 1023px) and (min-width: 768px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.scene-canvas{inset:20px 20px 54px}.header-scene small{display:none}}@container preview (max-width: 767px){.app-shell{min-height:480px;grid-template-rows:56px minmax(0,1fr)}.app-header{grid-template-columns:1fr auto;padding:0 12px}.brand-mark{width:23px;height:27px}.brand-lockup strong{font-size:14px}.brand-lockup span:not(.brand-mark){font-size:8px}.header-scene,.panel-toggle,.icon-action span,.viewport-switch span{display:none}.viewport-switch{margin-right:2px}.viewport-switch button{min-width:38px;padding:0}.icon-action{width:44px;height:44px;justify-content:center;padding:0}.workspace,.is-panel-collapsed .workspace{display:block}.scene-stage{width:100%;height:100%;padding-bottom:0}.scene-canvas{inset:10px 10px 38px}.mobile-top-controls{position:absolute;z-index:46;top:0;left:16px;right:16px;min-height:28px;display:grid;grid-template-columns:minmax(0,1fr) auto auto 28px 20px;align-items:center;gap:4px;padding:2px 5px;border:1px solid rgba(255,255,255,.12);background:#0009;box-shadow:0 10px 24px #0003}.mobile-current-target{min-width:0;display:grid;gap:0}.mobile-current-target span{color:var(--muted);font-size:6px}.mobile-current-target strong{overflow:hidden;font-size:9px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.mobile-power-button{height:24px;display:flex;align-items:center;gap:3px;padding:0 5px;border:1px solid var(--line-strong);background:#111314db;color:var(--muted-strong);font-size:7px}.mobile-light-switch-button{min-width:66px;height:24px;padding-inline:4px;font-size:7px}.mobile-top-controls .remote-icon-button{width:28px;height:24px}.quick-collapse-button{width:20px;height:24px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--muted-strong);cursor:pointer}.quick-collapse-button svg{transform:rotate(-90deg)}.mobile-top-controls.is-collapsed{left:auto;right:0;width:30px;grid-template-columns:1fr;padding:2px}.mobile-top-controls.is-collapsed>:not(.quick-collapse-button){display:none}.mobile-top-controls.is-collapsed .quick-collapse-button{width:24px}.mobile-top-controls.is-collapsed .quick-collapse-button svg{transform:rotate(90deg)}.mobile-power-button.is-on{border-color:#616b62;color:#c9dfc1;background:#8bb37e1a}.scene-caption{left:14px;right:14px;bottom:38px}.scene-caption>span{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-media{box-shadow:0 14px 36px #0000006b,0 0 0 1px #ffffff0f}.hotspot__index,.hotspot__label{display:none}.is-panel-collapsed .control-panel,.control-panel{position:absolute;z-index:50;inset:auto 0 0;height:min(var(--mobile-drawer-height, 520px),calc(100% - 72px));max-height:none;display:grid;grid-template-rows:minmax(0,1fr) 30px;border:0;border-top:1px solid var(--line-strong);background:transparent;box-shadow:0 -18px 44px #0000006b;transform:none}.control-panel:not(.has-mobile-section){height:30px;grid-template-rows:0 30px}.sheet-summary,.panel-heading{display:none}.mobile-panel-bar{grid-row:2;order:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 44px;min-width:0;border-top:1px solid var(--line);background:#0009}.mobile-panel-bar button{min-width:0;height:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;padding:1px 2px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted-strong);font-size:6px;cursor:pointer}.mobile-panel-bar button.is-active{background:#f0bd6d1a;color:var(--accent)}.mobile-panel-bar .mobile-situation-button{line-height:1.15}.mobile-panel-bar .mobile-reset-button{display:grid;place-items:center;gap:0;color:var(--accent)}.mobile-reset-button span{display:none}.panel-scroll{grid-row:1;order:1;max-height:none;overscroll-behavior:contain;background:#0009}.control-panel:not(.has-mobile-section) .panel-scroll{display:none}.drawer-resize-handle{position:sticky;z-index:4;top:0;width:100%;height:14px;display:grid;place-items:center;padding:0;border:0;border-bottom:1px solid var(--line);background:#000000b8;cursor:ns-resize;touch-action:none}.drawer-resize-handle span{width:34px;height:3px;border-radius:4px;background:#777d80}.desktop-control-top,.desktop-situation-control,.accordion{display:none}.accordion.is-open{display:block}.accordion__trigger{display:none}.accordion.is-open .accordion__body{grid-template-rows:1fr}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:12px}.scene-tile img{height:58px}.scene-tile>span{padding:7px 6px}.control-block{padding:10px}.control-top-row{grid-template-columns:minmax(62px,1fr) auto auto 40px;gap:5px}.control-top-row .power-button{min-width:52px;justify-content:center;padding:0 6px}.control-switch-button{min-width:84px}.standalone-control-row{margin:5px;padding:7px}.standalone-control-row .slider-control__header{margin-bottom:7px}.standalone-control-row .slider-control__header label{font-size:9px}.standalone-control-row .slider-control__header output{font-size:12px}.standalone-control-row input[type=range]{height:14px}.standalone-control-row .slider-scale,.standalone-control-row .cct-labels{font-size:6px}.standalone-control-row .app-control-note{margin-top:6px;padding:5px 6px;font-size:7px}.power-button{min-height:44px}.light-switch-button:not(.mobile-light-switch-button){min-width:96px;height:40px}.remote-control{bottom:2.5%;width:clamp(108px,30%,145px)}.status-toast{top:66px;font-size:12px}.collapsed-rail{display:none}}@container preview (max-width: 420px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-toast{max-width:calc(100% - 20px);padding:8px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}