:root{color-scheme:dark;--bg: #0b0f14;--bg-well: #080c11;--panel: #141b23;--panel-2: #1a232d;--panel-3: #212d39;--line: #26323f;--line-soft: #1c242f;--line-strong: #334456;--text: #dfe8f2;--text-dim: #8fa1b6;--text-mute: #5e7085;--accent: #38bdf8;--accent-hi: #7dd8fb;--accent-lo: #1a9fdb;--accent-ink: #04222f;--accent-tint: rgba(56, 189, 248, .12);--accent-line: rgba(56, 189, 248, .42);--accent-glow: rgba(56, 189, 248, .18);--danger: #f8827a;--danger-tint: rgba(248, 130, 122, .12);--danger-line: rgba(248, 130, 122, .45);--focus: rgba(56, 189, 248, .6);--check-a: #1a232c;--check-b: #0f151c;--check-size: 16px;--r-xs: 4px;--r-sm: 6px;--r: 8px;--r-lg: 12px;--sidebar-w: 340px;--ctl-h: 28px;--shadow-panel: 0 1px 0 rgba(255, 255, 255, .025) inset, 0 12px 28px -22px #000;--shadow-pop: 0 10px 30px -12px rgba(0, 0, 0, .75);--font-ui: ui-sans-serif, "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace;--ease: cubic-bezier(.22, .7, .3, 1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:12.5px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}h1,h2,h3,p,figure,ul,ol{margin:0;padding:0}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit}svg{display:block}#topbar,#sidebar,#bottombar,#stage{user-select:none;-webkit-user-select:none}input,textarea,select{user-select:text;-webkit-user-select:text}#app{display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-w);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"topbar    topbar" "stage     sidebar" "bottombar bottombar";height:100dvh;overflow:hidden;background:radial-gradient(120% 70% at 50% -18%,var(--accent-glow) 0%,transparent 58%),repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 40px),var(--bg)}@keyframes ow-rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}#topbar{grid-area:topbar;animation:ow-rise .3s var(--ease) both}#stage{grid-area:stage;animation:ow-rise .42s var(--ease) .04s both}#sidebar{grid-area:sidebar;animation:ow-rise .42s var(--ease) .09s both}#bottombar{grid-area:bottombar;animation:ow-rise .42s var(--ease) .14s both}#topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:50px;padding:0 14px 0 16px;background:linear-gradient(180deg,#ffffff09,#fff0 70%),#0b0f14b8;border-bottom:1px solid var(--line);position:relative;z-index:2}#topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-line) 12%,transparent 46%);opacity:.7;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);background:linear-gradient(160deg,#16222c,#0d141b);border:1px solid var(--line);box-shadow:inset 0 0 14px -6px var(--accent),0 2px 8px -4px #000;flex:none}.brand__mark svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}.brand__mark-echo{stroke:var(--accent);opacity:.32}#topbar h1{font-size:14px;font-weight:640;letter-spacing:.005em;white-space:nowrap}.brand__sub{padding-left:10px;border-left:1px solid var(--line);font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text-mute);white-space:nowrap}.topbar__actions{display:flex;align-items:center;gap:6px}#stage{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:14px;min-width:0;min-height:0;padding:24px 26px 16px;overflow:auto;background:radial-gradient(100% 80% at 50% 0%,#0000 40%,#00000073),transparent}#canvas-wrap{display:block;line-height:0;max-width:100%;border-radius:var(--r-lg);background-color:var(--check-b);background-image:conic-gradient(from 90deg at 50% 50%,var(--check-a) 0 25%,var(--check-b) 0 50%,var(--check-a) 0 75%,var(--check-b) 0);background-size:calc(var(--check-size) * 2) calc(var(--check-size) * 2);box-shadow:0 0 0 1px #ffffff12,0 0 0 6px #00000047,0 30px 60px -34px #000,0 0 70px -26px var(--accent-glow)}#scene-canvas{display:block;width:100%;height:auto;max-width:100%;border-radius:var(--r-lg);object-fit:contain;touch-action:none;cursor:default}#scene-canvas.is-grab{cursor:grab}#scene-canvas.is-grabbing{cursor:grabbing}#hint{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px;max-width:900px;font-size:11px;color:var(--text-mute);text-align:center}#hint kbd{font-family:var(--font-mono);font-size:10px;line-height:1;padding:3px 5px;border-radius:var(--r-xs);color:var(--text-dim);background:var(--panel-2);border:1px solid var(--line);box-shadow:0 1px #00000080;white-space:nowrap}#sidebar{display:flex;flex-direction:column;gap:12px;min-height:0;padding:12px;overflow-y:auto;overflow-x:hidden;background:#090d12a8;border-left:1px solid var(--line)}#bottombar{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;max-height:42dvh;padding:12px;overflow-y:auto;overflow-x:hidden;background:#090d12a8;border-top:1px solid var(--line)}#scene-panel{flex:1 1 380px;min-width:0}#export-panel{flex:1 1 300px;min-width:0}#layers-panel{flex:0 1 auto;min-height:152px}#props-panel{flex:1 1 auto;min-height:0}.panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-panel)}.panel:empty{display:none}.panel .panel{border:0;border-radius:0;background:transparent;box-shadow:none;flex:1 1 auto}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:0 8px 0 12px;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(255,255,255,.022),transparent);border-radius:var(--r) var(--r) 0 0;flex:none}.panel__title{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel__title:before{content:"";width:3px;height:11px;border-radius:2px;background:var(--accent);opacity:.85;flex:none}.panel__actions{display:flex;align-items:center;gap:4px;flex:none}.panel__body{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:12px;overflow-y:auto;overflow-x:hidden}.panel h2,.panel h3{font-size:10.5px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;color:var(--text-dim)}.btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--ctl-h);padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:linear-gradient(180deg,#ffffff0a,#fff0) var(--panel-2);color:var(--text);font-size:12px;font-weight:550;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .13s var(--ease),border-color .13s var(--ease),color .13s var(--ease),box-shadow .13s var(--ease),transform .06s var(--ease)}.btn svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.btn:hover:not(:disabled){background-color:var(--panel-3);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[disabled],.btn[aria-disabled=true]{opacity:.36;cursor:not-allowed;transform:none}.btn--icon{width:var(--ctl-h);padding:0;font-size:13px;color:var(--text-dim)}.btn--icon:hover:not(:disabled){color:var(--text)}.btn--primary{background:linear-gradient(180deg,var(--accent-hi),var(--accent-lo));border-color:#7dd8fbbf;color:var(--accent-ink);font-weight:660;box-shadow:0 6px 18px -10px var(--accent),inset 0 1px #ffffff59}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#97e1fc,#23aae6);border-color:#a6e6fd}.btn--primary svg{stroke-width:2}.btn--danger:hover:not(:disabled){color:var(--danger);background-color:var(--danger-tint);border-color:var(--danger-line)}.btn--active{color:var(--accent);background-color:var(--accent-tint);border-color:var(--accent-line);box-shadow:inset 0 0 12px -6px var(--accent)}.layer-list{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;min-width:0;max-height:min(46dvh,440px);overflow-y:auto;overflow-x:hidden}.layer-item{display:flex;align-items:center;gap:9px;height:40px;padding:0 9px 0 7px;border:1px solid transparent;border-left:2px solid transparent;border-radius:var(--r-sm);background:var(--panel-2);color:var(--text-dim);cursor:pointer;min-width:0;transition:background-color .13s var(--ease),border-color .13s var(--ease),color .13s var(--ease)}.layer-item:hover{background:var(--panel-3);color:var(--text)}.layer-item--active{background:linear-gradient(90deg,var(--accent-tint),rgba(56,189,248,0) 60%) var(--panel-3);border-color:var(--line-strong);border-left-color:var(--accent);color:var(--text);box-shadow:inset 0 0 0 1px #38bdf814}.layer-item--active .layer-item__name{color:var(--text);font-weight:600}.layer-item[data-visible=false],.layer-item.is-hidden{opacity:.5}.layer-item__eye{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;padding:0;border:1px solid transparent;border-radius:var(--r-xs);background:transparent;color:var(--text-mute);font-size:12px;line-height:1;cursor:pointer;transition:background-color .12s var(--ease),color .12s var(--ease)}.layer-item__eye svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.layer-item__eye:hover{background:#ffffff0f;color:var(--text)}.layer-item__eye[aria-pressed=true],.layer-item__eye.is-on{color:var(--accent)}.layer-item__eye[aria-pressed=false],.layer-item__eye.is-off{color:var(--text-mute)}.layer-item__swatch{width:14px;height:26px;flex:none;border-radius:var(--r-xs);box-shadow:inset 0 0 0 1px #ffffff29,0 1px 4px -1px #000000b3}.layer-item__name{flex:1 1 auto;min-width:0;font-size:12.5px;font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-item__meta{flex:0 1 auto;min-width:0;font-family:var(--font-mono);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-item>:has(>.layer-item__name){flex:1 1 auto;min-width:0}.layer-item input[type=text]{flex:1 1 auto;min-width:0;height:24px}.field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;min-width:0}.field__row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.field__label{grid-column:1;min-width:0;font-size:11px;font-weight:500;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field__number{grid-column:2;justify-self:end}.field__range{grid-column:1 / -1;width:100%}.field__hint{grid-column:1 / -1;font-size:10px;color:var(--text-mute)}input[type=text],input[type=number],input[type=search],select,textarea,.field__number{height:25px;padding:0 7px;border:1px solid var(--line);border-radius:var(--r-xs);background:#0f151c;color:var(--text);font-family:var(--font-mono);font-size:11.5px;font-variant-numeric:tabular-nums;letter-spacing:.01em;min-width:0;transition:border-color .12s var(--ease),background-color .12s var(--ease),box-shadow .12s var(--ease)}input[type=text]{font-family:var(--font-ui);font-size:12px}input[type=number],.field__number{width:72px;text-align:right}input[type=text]:hover,input[type=number]:hover,select:hover,.field__number:hover{border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-line);background:#101922;box-shadow:0 0 0 3px #38bdf81f}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}select{-webkit-appearance:none;appearance:none;height:var(--ctl-h);padding:0 26px 0 9px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%238fa1b6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px 12px}select option{background:var(--panel-2);color:var(--text)}input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer}label{min-width:0}input[type=range],.field__range{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0;padding:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0 calc(var(--p, 0) * 1%),#26323f calc(var(--p, 0) * 1%) 100%);box-shadow:inset 0 0 0 1px #0000008c}input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:#26323f;box-shadow:inset 0 0 0 1px #0000008c}input[type=range]::-moz-range-progress{height:3px;border-radius:2px;background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;border:1px solid #08161e;border-radius:var(--r-xs);background:linear-gradient(180deg,var(--accent-hi),var(--accent-lo));box-shadow:0 1px 4px #000000a6,0 0 0 1px #38bdf838;transition:box-shadow .12s var(--ease)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:1px solid #08161e;border-radius:var(--r-xs);background:linear-gradient(180deg,var(--accent-hi),var(--accent-lo));box-shadow:0 1px 4px #000000a6,0 0 0 1px #38bdf838}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 1px 4px #000000a6,0 0 0 4px var(--accent-tint)}input[type=range]:hover::-moz-range-thumb{box-shadow:0 1px 4px #000000a6,0 0 0 4px var(--accent-tint)}input[type=range]:active::-webkit-slider-thumb{background:linear-gradient(180deg,#b3ecff,var(--accent))}input[type=range]:active::-moz-range-thumb{background:linear-gradient(180deg,#b3ecff,var(--accent))}input[type=range]:focus{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--focus)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--focus)}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.color-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.color-row__label{min-width:0;font-size:11px;font-weight:500;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input[type=color],.color-row__input{-webkit-appearance:none;appearance:none;width:40px;height:25px;flex:none;padding:0;border:1px solid var(--line);border-radius:var(--r-xs);background:transparent;cursor:pointer;overflow:hidden;transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}input[type=color]:hover,.color-row__input:hover{border-color:var(--line-strong);box-shadow:0 0 0 3px #ffffff0a}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}input[type=color]::-moz-color-swatch{border:none;border-radius:2px}.seg{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:7px;background:#0f151c;min-width:0}.field .seg,.seg--full{display:flex;width:100%;grid-column:1 / -1}.seg__btn{appearance:none;-webkit-appearance:none;flex:1 1 auto;min-width:0;height:22px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:var(--text-dim);font-size:11px;font-weight:550;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .12s var(--ease),color .12s var(--ease),box-shadow .12s var(--ease)}.seg__btn:hover:not(:disabled){color:var(--text);background:#ffffff0d}.seg__btn--active,.seg__btn[aria-pressed=true]{color:var(--accent);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent-line)}.seg__btn:disabled{opacity:.4;cursor:not-allowed}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.row--split{justify-content:space-between;flex-wrap:nowrap}.divider{height:1px;min-height:1px;margin:2px 0;border:0;background:var(--line-soft);flex:none}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:#0f151c;color:var(--text-dim);font-family:var(--font-mono);font-size:10.5px;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.empty-hint{display:grid;place-items:center;gap:4px;padding:22px 14px;border:1px dashed var(--line);border-radius:var(--r-sm);background:#ffffff03;color:var(--text-mute);font-size:11.5px;text-align:center;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:#2b3947 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#2b3947;border:3px solid transparent;border-radius:999px;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#3b4c5d;background-clip:content-box}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.layer-item:focus-visible{outline:2px solid var(--focus);outline-offset:-1px}@media(max-width:1080px){:root{--sidebar-w: 300px}#stage{padding:16px 16px 12px}}@media(max-width:860px){#app{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "stage" "sidebar" "bottombar";grid-template-rows:auto minmax(220px,1fr) auto auto}#sidebar{max-height:46dvh;border-left:0;border-top:1px solid var(--line)}.brand__sub{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}