:root{color-scheme:dark;font-family:Avenir Next,SF Pro Display,Segoe UI,sans-serif;background:#151411;color:#f1ebdd;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--panel: rgba(31, 28, 23, .86);--panel-strong: rgba(18, 17, 14, .94);--line: rgba(239, 212, 159, .18);--text-muted: #b5aa96;--ember: #f06f2b;--gold: #e0bb68;--verdigris: #73a88d;--ink: #151411}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 18% 10%,rgba(124,75,33,.22),transparent 30%),linear-gradient(135deg,#151411,#211d17 54%,#111713)}button,input{font:inherit}button{color:inherit}.app-shell{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:18px;padding:18px}.scene-stage{position:relative;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.brand-lockup{display:inline-flex;align-items:center;gap:10px;width:fit-content;height:36px;padding:0 10px;border:1px solid var(--line);background:#0f0e0c8f;letter-spacing:.02em;color:#f6dca5}.brand-mark{display:inline-grid;place-items:center;width:24px;height:24px;background:#e56b2a;color:#21140e;font-size:.72rem;font-weight:900}.scene-frame{position:relative;width:100%;max-height:calc(100vh - 170px);align-self:center;justify-self:center;overflow:hidden;border:1px solid rgba(237,211,163,.24);background:#0f0f0d;box-shadow:0 26px 80px #0000006b}.scene-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.scan-reticle{position:absolute;display:grid;place-items:center;width:34px;height:34px;transform:translate(-50%,-50%);border:1px solid rgba(243,217,169,.42);color:#f9db9edb;pointer-events:none;mix-blend-mode:screen}.hotspot{position:absolute;max-width:130px;min-height:24px;padding:5px 8px;transform:translate(-50%,-120%) scale(.95);border:1px solid rgba(255,213,136,.34);background:#16120dc7;color:#f8d898;font-size:.78rem;line-height:1.1;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.hotspot.is-visible{opacity:1;transform:translate(-50%,-120%) scale(1)}.segment-mark{position:absolute;z-index:2;display:grid;place-items:start center;min-width:34px;min-height:34px;transform:translate(-50%,-50%);border-radius:999px;pointer-events:none}.segment-mark:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(247,215,156,.42);background:radial-gradient(circle,rgba(240,111,43,.18),transparent 62%);box-shadow:0 0 18px #f06f2b3d,inset 0 0 18px #f06f2b1f}.segment-mark:after{content:"";position:absolute;inset:16%;border-radius:inherit;background:conic-gradient(rgba(255,216,155,.68) calc(var(--segment-energy, 0) * 1turn),transparent 0);opacity:.68;mix-blend-mode:screen}.segment-mark.is-active:before{animation:segmentPulse .9s ease-in-out infinite alternate}.segment-mark.is-revealed:before{border-color:#73a88d8f;background:radial-gradient(circle,rgba(115,168,141,.18),transparent 64%);box-shadow:0 0 22px #73a88d38,inset 0 0 22px #73a88d1f}.segment-label{position:relative;max-width:112px;margin-top:-8px;padding:5px 8px;transform:translateY(-100%);border:1px solid rgba(255,220,152,.28);background:#120f0bd1;color:#f8d898;font-size:.74rem;line-height:1.1;text-align:center;box-shadow:0 10px 30px #0000003d}.segment-mark.is-active .segment-label{color:#ffe2a9}.segment-mark.is-revealed .segment-label{border-color:#73a88d6b;color:#d8ead2}@keyframes segmentPulse{0%{opacity:.58;transform:scale(.96)}to{opacity:1;transform:scale(1.02)}}.status-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;gap:12px;align-items:center;min-height:42px;padding:0 12px;border:1px solid var(--line);background:#12100d9e;color:var(--text-muted);font-size:.86rem}.status-strip span:first-child{color:#f1d28f;font-weight:760}.control-deck{align-self:stretch;display:flex;flex-direction:column;gap:16px;min-height:0;max-height:calc(100vh - 36px);overflow-y:auto;padding:16px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain}.deck-section{display:grid;gap:10px}.deck-kicker{margin:0;color:var(--gold);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.scene-switcher,.light-grid,.surface-grid,.deck-actions{display:grid;gap:8px}.scene-switcher{grid-template-columns:1fr}.light-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surface-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scene-switcher button,.light-grid button,.surface-grid button,.deck-actions button{min-height:42px;border:1px solid rgba(239,212,159,.18);background:#100f0d9e;color:#eee2ca;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.scene-switcher button{text-align:left;padding:0 12px}.light-grid button,.surface-grid button,.deck-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px}.scene-switcher button:hover,.light-grid button:hover,.surface-grid button:hover,.deck-actions button:hover{transform:translateY(-1px);border-color:#efd49f61;background:#3a2d1fbd}.scene-switcher button.is-active,.light-grid button.is-active,.surface-grid button.is-active{border-color:#f06f2bc2;background:#8e3e1d61;color:#ffd89b}.surface-grid button{min-width:0;padding:0 6px;color:#ded9cf}.surface-grid button.is-active{box-shadow:inset 0 -2px #e0bb6885}.deck-actions button:disabled{cursor:wait;opacity:.65}.slider-label{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.86rem}input[type=range]{width:100%;accent-color:var(--ember)}.capture-note{margin-top:auto;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 10px;border-left:2px solid var(--verdigris);background:#5b7e691f;color:#c8d5c4;font-size:.86rem}.secrets-section{gap:8px}.secrets-panel{display:grid;gap:8px;padding:10px;border:1px solid rgba(239,212,159,.16);background:#100f0d6b;color:var(--text-muted);font-size:.82rem}.secrets-panel>span{color:#f1d28f;font-weight:760}.secrets-panel p{margin:0;color:#c8d5c4}.secret-chips{display:grid;gap:6px;max-height:176px;overflow-y:auto;overscroll-behavior:contain}.secret-chips span{min-width:0;padding:6px 8px;border-left:2px solid rgba(115,168,141,.7);background:#5b7e691f;color:#d8ead2;line-height:1.2}.hidden-input{display:none}.toast{position:fixed;left:50%;bottom:22px;z-index:10;min-width:180px;padding:10px 14px;transform:translate(-50%);border:1px solid rgba(255,223,164,.26);background:var(--panel-strong);color:#f5e1b4;text-align:center;box-shadow:0 18px 60px #00000057}.app-fallback{min-height:100vh;display:grid;align-content:center;gap:16px;padding:28px;background:#151411;color:#f1ebdd}.app-fallback pre{max-width:980px;overflow:auto;padding:16px;border:1px solid var(--line);background:#12110ef0;white-space:pre-wrap}@media(max-width:980px){body{overflow:auto}.app-shell{min-height:100vh;grid-template-columns:1fr;padding:12px}.scene-frame{max-height:none}.control-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.deck-actions,.surface-section,.secrets-section,.capture-note{grid-column:1 / -1}}@media(max-width:640px){.app-shell{gap:12px}.status-strip{grid-template-columns:1fr;padding:9px 10px}.control-deck{grid-template-columns:1fr;padding:12px}.light-grid,.surface-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.light-grid button,.surface-grid button{min-height:48px;flex-direction:column;gap:4px;font-size:.75rem}.surface-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}