:root{--bg-app: #181818;--bg-editor: #1f1f1f;--bg-panel: #181818;--bg-widget: #202020;--bg-input: #313131;--bg-hover: #2a2d2e;--bg-active: #04395e;--bg-elevated: #252526;--bg-scrim: rgba(12, 12, 12, .72);--border: #2b2b2b;--border-strong: #3c3c3c;--border-input: #3c3c3c;--focus: #0078d4;--fg: #cccccc;--fg-strong: #e7e7e7;--fg-muted: #9d9d9d;--fg-dim: #6e7681;--fg-inverse: #ffffff;--accent: #0078d4;--accent-hover: #026ec1;--accent-fg: #ffffff;--link: #4daafc;--ok: #89d185;--warn: #cca700;--err: #f14c4c;--syn-blue: #569cd6;--syn-cyan: #4ec9b0;--syn-yellow: #dcdcaa;--syn-orange: #ce9178;--syn-purple: #c586c0;--syn-lightblue: #9cdcfe;--syn-green: #b5cea8;--titlebar-h: 35px;--statusbar-h: 22px;--activitybar-w: 48px;--sidebar-w: 312px;--radius: 4px;--radius-lg: 6px;--shadow: 0 8px 24px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--font-ui: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono: "Cascadia Code", "JetBrains Mono", Consolas, "Courier New", monospace;color-scheme:dark}.theme-light{--bg-app: #f8f8f8;--bg-editor: #ffffff;--bg-panel: #f8f8f8;--bg-widget: #f3f3f3;--bg-input: #ffffff;--bg-hover: #e8e8e8;--bg-active: #cce4f7;--bg-elevated: #ffffff;--bg-scrim: rgba(255, 255, 255, .72);--border: #e5e5e5;--border-strong: #cecece;--border-input: #cecece;--fg: #3b3b3b;--fg-strong: #1f1f1f;--fg-muted: #616161;--fg-dim: #8b949e;--link: #005fb8;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);font-size:13px;line-height:1.45;color:var(--fg);background:var(--bg-app);overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:1px solid var(--focus);outline-offset:1px}.hidden{display:none!important}.svg-icon{width:16px;height:16px;display:block;flex:0 0 auto}.app{display:grid;grid-template-rows:var(--titlebar-h) 1fr var(--statusbar-h);height:100vh;height:100dvh}.titlebar{display:flex;align-items:center;gap:12px;padding:0 8px 0 12px;background:var(--bg-app);border-bottom:1px solid var(--border);user-select:none}.titlebar-brand{display:flex;align-items:center;gap:8px;min-width:0}.brand-mark{color:var(--link);display:block}.brand-name{font-weight:700;letter-spacing:.06em;color:var(--fg-strong)}.brand-sub{color:var(--fg-dim);font-size:11.5px;white-space:nowrap}.titlebar-center{flex:1;display:flex;justify-content:center;gap:6px;min-width:0;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted)}.title-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-status-text.ok{color:var(--ok)}.title-status-text.warn{color:var(--warn)}.title-status-text.err{color:var(--err)}.titlebar-actions{display:flex;align-items:center;gap:2px}.workbench{display:flex;min-height:0;background:var(--bg-editor)}.activitybar{width:var(--activitybar-w);flex:0 0 var(--activitybar-w);display:flex;flex-direction:column;align-items:center;padding-top:2px;background:var(--bg-app);border-right:1px solid var(--border)}.activity-item{position:relative;width:var(--activitybar-w);height:48px;display:grid;place-items:center;background:none;border:0;color:var(--fg-dim);cursor:pointer;transition:color .12s ease}.activity-item:hover,.activity-item.is-active{color:var(--fg-strong)}.activity-item.is-active:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--fg-strong)}.activity-item .svg-icon{width:22px;height:22px}.activity-spacer{flex:1}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);display:flex;flex-direction:column;min-height:0;background:var(--bg-panel);border-right:1px solid var(--border)}.app.sidebar-hidden .sidebar{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;height:35px;padding:0 6px 0 20px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);flex:0 0 auto}.sidebar-scroll{overflow:hidden auto;padding-bottom:24px;scrollbar-gutter:stable}.statusbar{display:flex;align-items:center;gap:2px;padding:0 6px;background:var(--bg-app);border-top:1px solid var(--border);font-size:11px;color:var(--fg-muted);user-select:none;overflow:hidden}.status-item{display:inline-flex;align-items:center;gap:5px;padding:0 7px;height:100%;white-space:nowrap;border-radius:2px}.status-item .svg-icon{width:13px;height:13px}.status-item[data-clickable]{cursor:pointer}.status-item[data-clickable]:hover{background:var(--bg-hover);color:var(--fg-strong)}.status-item.accent{background:var(--accent);color:var(--accent-fg)}.status-item.warn{color:var(--warn)}.status-item.err{color:var(--err)}.status-item.ok{color:var(--ok)}.status-spacer{flex:1}.status-value{font-family:var(--font-mono);color:var(--fg)}.viewport{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--bg-editor)}.viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#gl-canvas{outline:none}.overlay-canvas{pointer-events:none}.viewport-toolbar{position:absolute;top:10px;left:0;right:0;width:max-content;margin-inline:auto;display:flex;align-items:center;gap:4px;padding:4px;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);backdrop-filter:blur(10px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);z-index:4;max-width:calc(100% - 24px);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.viewport-toolbar::-webkit-scrollbar{display:none}.viewport-toolbar>*{flex:0 0 auto}.toolbar-sep{width:1px;height:20px;background:var(--border-strong);margin:0 2px}.viewport-badge{position:absolute;top:10px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-dim);pointer-events:none;z-index:3;text-align:right}.viewport-badge b{color:var(--fg-muted);font-weight:500}.mocap-hud{position:absolute;left:12px;bottom:12px;width:268px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;z-index:5}.mocap-hud-head{display:flex;align-items:center;gap:6px;padding:5px 4px 5px 8px;background:var(--bg-widget);border-bottom:1px solid var(--border);cursor:move;font-size:11px;color:var(--fg-muted)}.mocap-hud-head .svg-icon{width:13px;height:13px}.mocap-hud-title{flex:1;text-transform:uppercase;letter-spacing:.07em}.mocap-hud-fps{font-family:var(--font-mono);color:var(--syn-cyan)}.mocap-hud-body{position:relative;aspect-ratio:4 / 3;background:#0d0d0d}.mocap-hud-body>*{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mocap-hud-body video{transform:scaleX(-1)}.mocap-hud-body video.no-mirror{transform:none}.mocap-hud-body img{display:none}.mocap-hud-body img.is-active{display:block}.mocap-hud.is-collapsed .mocap-hud-body{display:none}.drop-hint{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-scrim));border:2px dashed var(--accent);color:var(--fg-strong);z-index:20;pointer-events:none}.drop-hint.is-visible{display:flex}.drop-hint .svg-icon{width:40px;height:40px;color:var(--link)}.drop-hint p{margin:0;font-size:14px}.group{border-bottom:1px solid var(--border)}.group-head{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px 6px 6px;background:none;border:0;cursor:pointer;color:var(--fg);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.group-head:hover{background:var(--bg-hover)}.group-head .chev{transition:transform .15s ease;color:var(--fg-dim)}.group.is-collapsed .chev{transform:rotate(-90deg)}.group-head .group-icon{color:var(--fg-dim)}.group-body{padding:2px 12px 12px;display:grid;gap:9px}.group.is-collapsed .group-body{display:none}.field{display:grid;gap:4px}.reactive{display:grid;gap:9px}.field-row{display:flex;align-items:center;gap:8px}.field-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--fg-muted)}.field-label .value{font-family:var(--font-mono);font-size:11px;color:var(--syn-lightblue);background:var(--bg-widget);border-radius:3px;padding:0 4px;min-width:42px;text-align:right}.field-hint{font-size:10.5px;color:var(--fg-dim)}.field.is-disabled{opacity:.4;pointer-events:none}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0 var(--fill, 0%),var(--border-strong) var(--fill, 0%) 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:var(--fg-strong);border:0;box-shadow:0 0 0 1px #0009}input[type=range]:hover::-webkit-slider-thumb{background:#fff}input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:var(--border-strong)}input[type=range]::-moz-range-progress{height:3px;border-radius:2px;background:var(--accent)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--fg-strong)}input[type=text],input[type=number],select{width:100%;height:26px;padding:0 6px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:2px;color:var(--fg);font-size:12px}select{cursor:pointer;padding-right:22px;appearance:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239d9d9d' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--focus);outline:none}input[type=color]{width:34px;height:24px;padding:0;border:1px solid var(--border-input);border-radius:2px;background:var(--bg-input);cursor:pointer;flex:0 0 auto}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:0;border-radius:1px}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{width:30px;height:16px;border-radius:9px;background:var(--bg-input);border:1px solid var(--border-input);position:relative;transition:background .15s ease,border-color .15s ease;flex:0 0 auto}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--fg-muted);transition:transform .15s ease,background .15s ease}.switch input:checked+.switch-track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(14px);background:#fff}.switch input:focus-visible+.switch-track{outline:1px solid var(--focus);outline-offset:2px}.switch-text{font-size:12px;color:var(--fg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:26px;padding:0 10px;border-radius:2px;cursor:pointer;background:var(--bg-widget);border:1px solid var(--border-strong);color:var(--fg);font-size:12px;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--bg-hover);border-color:var(--fg-dim)}.btn:active{transform:translateY(.5px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger:hover{background:color-mix(in srgb,var(--err) 22%,var(--bg-widget));border-color:var(--err);color:#ffb3b3}.btn.block{width:100%}.btn[disabled]{opacity:.4;pointer-events:none}.btn .svg-icon{width:14px;height:14px}.icon-btn{display:grid;place-items:center;width:26px;height:26px;padding:0;background:none;border:0;border-radius:var(--radius);color:var(--fg-muted);cursor:pointer}.icon-btn:hover{background:var(--bg-hover);color:var(--fg-strong)}.icon-btn.is-active{background:var(--bg-active);color:var(--fg-strong)}.icon-btn.tiny{width:20px;height:20px}.icon-btn.tiny .svg-icon{width:13px;height:13px}.segmented{display:flex;background:var(--bg-widget);border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.segmented button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;padding:0 8px;background:none;border:0;border-right:1px solid var(--border-strong);color:var(--fg-muted);cursor:pointer;font-size:11.5px;white-space:nowrap}.segmented button:last-child{border-right:0}.segmented button:hover{background:var(--bg-hover);color:var(--fg)}.segmented button.is-active{background:var(--accent);color:var(--accent-fg)}.segmented button .svg-icon{width:14px;height:14px}.segmented.compact button{height:24px;padding:0 6px}.tiles{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);gap:4px}.tiles .tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;padding:5px 3px;background:var(--bg-widget);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--fg-muted);cursor:pointer;font-size:10.5px;line-height:1.1;text-align:center}.tiles .tile:hover{background:var(--bg-hover);color:var(--fg)}.tiles .tile.is-active{border-color:var(--accent);background:var(--bg-active);color:var(--fg-strong)}.tiles .tile .svg-icon{width:15px;height:15px}.btn-grid{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);gap:5px}.btn-grid .btn{padding:0 4px;font-size:11px}.list{display:grid;gap:2px;max-height:230px;overflow:auto}.list-empty{padding:10px 2px;color:var(--fg-dim);font-size:11.5px;text-align:center}.list-row{display:flex;align-items:center;gap:6px;padding:3px 4px 3px 7px;border-radius:3px;cursor:pointer;font-size:12px}.list-row:hover{background:var(--bg-hover)}.list-row.is-active{background:var(--bg-active);color:var(--fg-strong)}.list-row .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .meta{font-family:var(--font-mono);font-size:10px;color:var(--fg-dim)}.list-row .icon-btn{opacity:0}.list-row:hover .icon-btn{opacity:1}.notice{display:flex;gap:7px;padding:7px 8px;border-radius:var(--radius);background:var(--bg-widget);border-left:2px solid var(--fg-dim);font-size:11px;color:var(--fg-muted);line-height:1.5}.notice.info{border-left-color:var(--link)}.notice.warn{border-left-color:var(--warn)}.notice.err{border-left-color:var(--err)}.notice .svg-icon{width:14px;height:14px;margin-top:1px}.notice b{color:var(--fg);font-weight:600}.notice kbd{font-family:var(--font-mono);font-size:10px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:3px;padding:0 3px}.credit{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:10.5px;color:var(--fg-dim);letter-spacing:.02em}.credit .svg-icon{width:12px;height:12px;color:var(--link);flex:none}.credit-dev{color:var(--fg-muted)}.credit-ver{margin-left:auto;font-family:var(--font-mono);font-size:10px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:3px;padding:0 4px;color:var(--fg-muted)}.meter{height:3px;border-radius:2px;background:var(--border-strong);overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--ok);transition:width .15s linear,background .3s ease}.meter.low i{background:var(--err)}.meter.mid i{background:var(--warn)}.panel{display:flex;flex-direction:column}.panel>.group+.group{margin-top:2px}.is-disabled{opacity:.4;pointer-events:none}.shortcuts{display:flex;flex-direction:column;gap:5px}.shortcut{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--fg-muted)}.shortcut>div{display:flex;gap:3px;flex:0 0 96px}.shortcut kbd{font-family:var(--font-mono);font-size:10px;line-height:16px;min-width:16px;text-align:center;background:var(--bg-input);border:1px solid var(--border-input);border-bottom-width:2px;border-radius:3px;padding:0 4px;color:var(--fg)}.boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--bg-app);transition:opacity .4s ease,visibility .4s ease}.boot.is-done{opacity:0;visibility:hidden}.boot-card{text-align:center;width:min(340px,80vw)}.boot-logo{color:var(--link);display:grid;place-items:center;margin-bottom:10px}.boot-logo .svg-icon{width:46px;height:46px}.boot-card h1{margin:0;font-size:30px;letter-spacing:.2em;color:var(--fg-strong);font-weight:300}.boot-sub{margin:2px 0 22px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}.boot-bar{height:2px;background:var(--border-strong);border-radius:2px;overflow:hidden}.boot-bar i{display:block;height:100%;width:8%;background:var(--accent);transition:width .35s ease}.boot-msg.is-error{color:var(--err)}.boot-msg{margin:12px 0 0;font-size:11.5px;color:var(--fg-muted);min-height:1.4em;font-family:var(--font-mono)}.toasts{position:fixed;right:14px;bottom:calc(var(--statusbar-h) + 14px);display:grid;gap:8px;z-index:60;max-width:340px}.toast{display:flex;gap:8px;padding:9px 11px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow);font-size:12px;color:var(--fg);animation:toast-in .22s ease}.toast .svg-icon{flex:0 0 auto;margin-top:1px}.toast.ok .svg-icon{color:var(--ok)}.toast.warn .svg-icon{color:var(--warn)}.toast.err .svg-icon{color:var(--err)}.toast.info .svg-icon{color:var(--link)}.toast.is-leaving{animation:toast-out .2s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-out{to{opacity:0;transform:translate(16px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4f4f4f80;border:2px solid transparent;background-clip:content-box;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#6b6b6bcc;background-clip:content-box}@media(max-width:860px){:root{--sidebar-w: 100%;--activitybar-w: 44px}.brand-sub{display:none}.sidebar{position:absolute;top:var(--titlebar-h);bottom:var(--statusbar-h);left:var(--activitybar-w);width:min(320px,calc(100% - var(--activitybar-w)));z-index:30;box-shadow:var(--shadow)}.viewport-toolbar{top:auto;bottom:10px;gap:2px;padding:3px}.viewport-toolbar .icon-btn{width:24px;height:24px}.viewport-toolbar .toolbar-sep{margin:0}.mocap-hud{width:190px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}