:root{color:#e5e8e7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#899491;--line:#323b3b;--accent:#b9d6ca;background:#141719;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:#dce3df;background:#22292a;border:1px solid #3b4645;border-radius:5px;padding:9px 12px;font-size:12px;transition:background .15s,border-color .15s}button:hover{background:#303a38;border-color:#738e82}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.45;cursor:wait}button.primary{background:var(--accent);border-color:var(--accent);color:#1c3028;font-weight:600}.primary:hover{background:#d3e9df}[hidden]{display:none!important}#app{flex-direction:column;height:100dvh;min-height:460px;display:flex}.topbar{border-bottom:1px solid #2d3434;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex}.wordmark{align-items:center;gap:12px;display:flex}.mark{color:var(--accent);font-size:26px;line-height:1}h1{letter-spacing:.01em;margin:0;font-size:17px;font-weight:560}.subtitle{color:var(--muted);border-left:1px solid #45514c;margin-left:5px;padding-left:17px;font-size:12px}.toolbar{gap:8px;display:flex}.toolbar button{background:0 0}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 286px;min-height:0;display:grid}.stage{flex-direction:column;min-width:0;min-height:0;padding:28px;display:flex}.frame-space{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}#frame{aspect-ratio:16/9;background:#65717d;border:0;border-radius:4px;outline:1px solid #4c595b;flex:none;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 60px #0003}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.frame-label{pointer-events:none;letter-spacing:.18em;color:#e8f0f2aa;font-size:10px;font-weight:600;position:absolute;top:14px;left:16px}#load-status{color:#e7eeea;text-align:center;background:#252d33cc;place-content:center;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}#frame[data-state=error] #load-status{background:#2f2727}.stage-footer{color:var(--muted);flex-shrink:0;justify-content:space-between;gap:10px;padding-top:18px;font-size:11px;line-height:1.6;display:flex}.stage-footer i{color:#52625b;padding:0 8px;font-style:normal}.panel{background:#1b2022;border-left:1px solid #2d3434;padding:28px 22px;overflow:auto}.panel-heading{justify-content:space-between;align-items:center;display:flex}h2{margin:0;font-size:15px;font-weight:550}.live-indicator{text-transform:uppercase;letter-spacing:.08em;color:#9ebbaf;align-items:center;gap:6px;font-size:10px;display:flex}.live-indicator:before{content:"";background:#a5cdbc;border-radius:50%;width:5px;height:5px}.intro{color:var(--muted);margin:9px 0 29px;font-size:12px}fieldset{border:none;min-width:0;margin:0 0 25px;padding:0}legend{color:#c6ceca;justify-content:space-between;width:100%;margin-bottom:11px;font-size:12px;display:flex}legend span{color:var(--muted);font-size:11px}.axis-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.axis-inputs label{flex-direction:column;gap:6px;min-width:0;display:flex}.axis{padding-left:2px;font-size:10px;font-weight:600}.x{color:#d8a59e}.y{color:#aacaab}.z{color:#9eb6d5}input[type=number]{color:#f0f2ef;appearance:textfield;background:#13191a;border:1px solid #3b4744;border-radius:4px;width:100%;min-width:0;padding:10px 6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}input[type=number]::-webkit-inner-spin-button{appearance:none}input:invalid{border-color:#c99385}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:26px;margin:0}.field-note{color:var(--muted);margin:11px 0 0;font-size:10px;line-height:1.6}.lens-row{grid-template-columns:minmax(0,1fr) 65px;align-items:center;gap:15px;display:grid}.lens-meta{color:var(--muted);justify-content:space-between;gap:7px;margin-top:10px;font-size:10px;display:flex}.presets{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7px;margin-top:4px;padding-top:20px;display:grid}.presets button{padding:9px 5px;font-size:10px}.save-actions{gap:8px;margin-top:30px;display:grid}.save-actions .primary{justify-content:space-between;align-items:center;display:flex}#save-status{color:var(--muted);min-height:36px;margin:12px 0 0;font-size:11px;line-height:1.6}#restore-controls{opacity:.75;z-index:2;position:fixed;bottom:20px;right:22px}kbd{opacity:.6;margin-left:12px;font-size:10px}.clean .topbar,.clean .panel,.clean .stage-footer,.clean .frame-label{display:none}.clean .workspace{grid-template-columns:minmax(0,1fr)}.clean .stage{padding:0}.clean #frame{box-shadow:none;border:0;border-radius:0;outline:0}body:has(.clean){background:#080a0b}@media (width<=800px){#app{height:auto;min-height:100dvh}.topbar{height:62px;padding:0 18px}.subtitle{display:none}.toolbar button{padding:8px;font-size:11px}.workspace{grid-template-columns:minmax(0,1fr)}.stage{min-height:0;padding:18px 16px 20px}.frame-space{flex:none;min-height:0;overflow:visible}.panel{border-top:1px solid #2d3434;border-left:0;padding:24px;overflow:visible}.stage-footer{padding-top:12px;font-size:10px}.stage-footer span:last-child{display:none}.panel #camera-form{grid-template-columns:1fr 1fr;column-gap:24px;display:grid}.lens{grid-column:1/-1}.intro{margin-bottom:22px}.save-actions{grid-template-columns:1fr 1fr;margin-top:18px}.presets{margin-top:0}.clean#app{height:100dvh;min-height:0}.clean .frame-space{flex:1;overflow:hidden}.clean .stage{padding:0}.clean .workspace{min-height:0}}@media (prefers-reduced-motion:reduce){button{transition:none}}@media (width<=480px){.panel #camera-form{grid-template-columns:1fr}.lens{grid-column:auto}}.panel-tabs{z-index:2;border:1px solid var(--line);background:#111719;border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:25px;padding:4px;display:grid;position:sticky;top:0;box-shadow:0 -22px 0 12px #1b2022}.panel-tabs button{color:var(--muted);background:0 0;border-color:#0000}.panel-tabs button[aria-selected=true]{color:#e2f0e8;background:#34453e;border-color:#52675c}select,input[type=text]{font:inherit;color:#f0f2ef;background:#13191a;border:1px solid #3b4744;border-radius:4px;width:100%;min-width:0;padding:10px;font-size:12px}select{cursor:pointer}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.light-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.light-presets button{padding:9px 4px;font-size:11px}.preset-note{margin-bottom:24px}.toggle{color:#dce3df;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:12px;display:flex}.toggle input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.color-row{grid-template-columns:43px 1fr;gap:10px;display:grid}input[type=color]{cursor:pointer;background:#13191a;border:1px solid #3b4744;border-radius:4px;width:43px;height:37px;padding:3px}input[type=text]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.scene-copy{justify-content:space-between;align-items:center;width:100%;display:flex}#environment-status{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.6}