@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root,[data-theme=dark]{--bg-app:#0a0a0c;--bg-panel:#111114;--bg-surface:#17171b;--bg-surface-2:#1d1d22;--bg-input:#222227;--bg-hover:#28282e;--bg-active:#31313a;--border:#27272d;--border-subtle:#1f1f24;--border-focus:#6366f1;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--accent:#6366f1;--accent-hover:#818cf8;--accent-dim:rgba(99,102,241,.12);--accent-glow:rgba(99,102,241,.22);--moto:#22d3ee;--moto-dim:rgba(34,211,238,.12);--moto-subtle:rgba(34,211,238,.22);--moto-text:rgba(186,230,253,.96);--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--clip-color-1:#6366f1;--clip-color-2:#22d3ee;--clip-color-3:#a78bfa;--clip-color-4:#f472b6;--clip-color-5:#34d399;--margin-color:rgba(249,168,37,.22);--padding-color:rgba(99,102,241,.18);--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-xs:0 1px 2px rgba(0,0,0,.35);--shadow-sm:0 2px 6px rgba(0,0,0,.42);--shadow-md:0 4px 14px rgba(0,0,0,.5);--shadow-lg:0 8px 28px rgba(0,0,0,.56);--shadow-float:0 14px 48px rgba(0,0,0,.65);--topbar-h:40px;--panel-left-w:260px;--panel-right-w:268px;--timeline-h:220px;--font:"Inter",-apple-system,system-ui,sans-serif;--font-mono:"SF Mono","Fira Code",Consolas,monospace}[data-theme=light]{--bg-app:#f1f1f3;--bg-panel:#fff;--bg-surface:#f5f5f8;--bg-surface-2:#fafafa;--bg-input:#efeff2;--bg-hover:#e8e8ec;--bg-active:#dedee5;--border:#d4d4d9;--border-subtle:#e2e2e7;--border-focus:#6366f1;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#71717a;--text-dim:#a1a1aa;--accent-dim:rgba(99,102,241,.1);--accent-glow:rgba(99,102,241,.14);--moto-dim:rgba(34,211,238,.1);--moto-subtle:rgba(34,211,238,.16);--margin-color:rgba(249,168,37,.18);--padding-color:rgba(99,102,241,.12);--shadow-xs:0 1px 2px rgba(0,0,0,.07);--shadow-sm:0 2px 6px rgba(0,0,0,.1);--shadow-md:0 4px 14px rgba(0,0,0,.12);--shadow-lg:0 8px 28px rgba(0,0,0,.14);--shadow-float:0 14px 48px rgba(0,0,0,.16)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:99px}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border)}svg.s-icon{display:block;fill:none;flex-shrink:0;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75;width:14px}svg.s-icon--sm{height:12px;width:12px}svg.s-icon--xs{height:10px;width:10px}svg.s-icon--lg{height:16px;width:16px}.s-icon-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:background .12s,color .12s;width:26px}.s-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.s-icon-btn.active{background:var(--bg-active);color:var(--text-primary)}.s-icon-btn--accent{background:var(--accent);color:#fff}.s-icon-btn--accent:hover{background:var(--accent-hover);color:#fff}.s-section-label{color:var(--text-dim);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.s-chip{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:99px;color:var(--text-secondary);display:inline-flex;font-size:10px;height:20px;padding:0 7px;white-space:nowrap}.s-chip--accent{background:var(--accent-dim);border-color:var(--accent-glow);color:var(--accent-hover)}.s-chip--moto{background:var(--moto-dim);border-color:var(--moto-subtle);color:var(--moto-text)}.s-chip--error{background:#ef444414;border-color:#ef444438;color:#fca5a5}.shader-studio-workbench-panel{--wp-gap:.7rem;--wp-gap-tight:.38rem;--wp-gap-loose:1rem;--wp-pad:.78rem;--wp-pad-sm:.6rem;--wp-pad-x:.8rem;--wp-header-py:.6rem;--wp-header-px:.78rem;--workbench-panel-gap:var(--wp-gap);--workbench-panel-gap-tight:var(--wp-gap-tight);--workbench-panel-padding:var(--wp-pad);--workbench-panel-header-padding-y:var(--wp-header-py);--workbench-panel-header-padding-x:var(--wp-header-px);--workbench-panel-pill-padding-y:.24rem;--workbench-panel-pill-padding-x:.52rem;--workbench-panel-item-padding-y:.6rem;--workbench-panel-item-padding-x:.68rem;background:color-mix(in srgb,var(--bg-surface) 88%,#000);border:1px solid var(--border-subtle);border-radius:9px;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.shader-studio-workbench-panel__header{align-items:center;background:color-mix(in srgb,var(--bg-panel) 78%,#000);border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:var(--wp-gap-tight);justify-content:space-between;padding:var(--wp-header-py) var(--wp-header-px)}.shader-studio-workbench-panel__heading h3{color:var(--text-primary);font-size:11px;font-weight:700;letter-spacing:-.005em;margin:0}.shader-studio-workbench-panel__body{min-height:0;overflow:auto;padding:var(--wp-pad);scrollbar-color:var(--border) transparent;scrollbar-width:thin}.shader-studio-workbench-panel__empty{color:var(--text-dim);font-size:10.5px;font-style:italic}.shader-studio-workbench-pill{align-items:center;background:color-mix(in srgb,var(--bg-surface) 90%,#000);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:10px;font-weight:700;gap:.3rem;letter-spacing:.04em;padding:var(--workbench-panel-pill-padding-y) var(--workbench-panel-pill-padding-x);text-transform:uppercase;transition:background .1s,border-color .1s,color .1s;white-space:nowrap}.shader-studio-workbench-pill:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.shader-studio-workbench-pill.is-active{background:color-mix(in srgb,var(--accent) 12%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent) 48%,var(--border));color:var(--text-primary)}.shader-studio-workbench-pill:disabled{cursor:not-allowed;opacity:.38;pointer-events:none}.shader-studio-workbench-fact{background:color-mix(in srgb,var(--bg-panel) 68%,#000);border:1px solid var(--border-subtle);border-radius:6px;display:grid;gap:.2rem;padding:var(--workbench-panel-item-padding-y) var(--workbench-panel-item-padding-x)}.shader-studio-workbench-fact strong{color:var(--text-primary);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}.shader-studio-workbench-stack{display:grid;gap:var(--wp-gap)}.shader-studio-workbench-stack--tight{gap:var(--wp-gap-tight)}.shader-studio-workbench-grid{display:grid;gap:var(--wp-gap)}.shader-studio-workbench-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.shader-studio-workbench-list{display:grid;gap:var(--wp-gap-tight)}.shader-studio-workbench-item{background:color-mix(in srgb,var(--bg-panel) 80%,transparent);border:1px solid var(--border-subtle);border-radius:6px;display:grid;gap:.14rem;padding:var(--workbench-panel-item-padding-y) var(--workbench-panel-item-padding-x)}.shader-studio-workbench-row{align-items:stretch;display:grid;gap:var(--wp-gap-tight);grid-template-columns:minmax(0,1fr) auto}.shader-studio-workbench-button{background:color-mix(in srgb,var(--bg-panel) 80%,transparent);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;padding:var(--workbench-panel-item-padding-y) var(--workbench-panel-item-padding-x);text-align:left;transition:background .1s,border-color .1s;width:100%}.shader-studio-workbench-button:hover{background:color-mix(in srgb,var(--bg-hover) 40%,var(--bg-panel));border-color:var(--border)}.shader-studio-workbench-button--grow{display:grid;gap:.14rem}.shader-studio-workbench-button--edge{color:var(--text-secondary);font-size:9.5px;font-weight:700;letter-spacing:.04em;min-width:48px;text-align:center;text-transform:uppercase;width:auto}.shader-studio-workbench-button strong,.shader-studio-workbench-item strong{color:var(--text-primary);font-size:11px;font-weight:600}.shader-studio-workbench-button span,.shader-studio-workbench-item span{color:var(--text-secondary);font-size:10.5px;line-height:1.45}:root{color-scheme:dark}#__nuxt,body,html{background:var(--bg-app);color:var(--text-primary);font-family:var(--font,"Inter",system-ui,sans-serif);margin:0;min-height:100%}body{overflow:hidden}button,input,textarea{color:inherit;font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.spatial-lab-shell{background:var(--bg-app);color:var(--text-primary);display:grid;grid-template-rows:var(--topbar-h) 1fr;height:100vh;overflow:hidden}.spatial-lab-shell.is-posture-present .scene-strip,.spatial-lab-shell.is-posture-present .spatial-lab-shell__document-column,.spatial-lab-shell.is-posture-present .spatial-lab-shell__side-rail,.spatial-lab-shell.is-posture-present .spatial-lab-shell__timeline-zone,.spatial-lab-shell.is-presenting .scene-strip,.spatial-lab-shell.is-presenting .spatial-lab-shell__document-column,.spatial-lab-shell.is-presenting .spatial-lab-shell__side-rail,.spatial-lab-shell.is-presenting .spatial-lab-shell__timeline-zone{display:none}.spatial-lab-shell.is-posture-present .spatial-lab-shell__body,.spatial-lab-shell.is-presenting .spatial-lab-shell__body{grid-template-areas:"workspace";grid-template-columns:minmax(0,1fr);grid-template-rows:1fr}.spatial-lab-shell.is-posture-debug .spatial-lab-shell__workspace{background:color-mix(in srgb,var(--bg-app) 88%,#000)}.spatial-lab-shell__body{display:grid;grid-template-areas:"document workspace inspector" "timeline timeline inspector";grid-template-columns:var(--panel-left-w) minmax(0,1fr) var(--panel-right-w);grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}.spatial-lab-shell__document-column{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;grid-area:document;min-height:0;min-width:0;overflow:hidden}.spatial-lab-layers-shell,.spatial-lab-shell__navigator-pane{flex:1 1 auto;min-height:0}.spatial-lab-layers-shell{display:flex;flex-direction:column;min-width:0}.spatial-lab-shell__workspace{background:var(--bg-app);grid-area:workspace}.spatial-lab-shell__side-rail,.spatial-lab-shell__workspace{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.spatial-lab-shell__side-rail{background:var(--bg-panel);border-left:1px solid var(--border);grid-area:inspector}.spatial-lab-shell__stage-pane{flex:1;min-height:0}.spatial-lab-shell__timeline-zone{background:var(--bg-panel);border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;grid-area:timeline;min-height:0;min-width:0;overflow:hidden}.spatial-lab-shell__timeline-resizer{align-items:center;background:color-mix(in srgb,var(--bg-surface) 68%,var(--bg-panel));border:none;cursor:ns-resize;display:flex;flex-shrink:0;height:9px;justify-content:center}.spatial-lab-shell__timeline-resizer span{background:color-mix(in srgb,var(--text-dim) 72%,transparent);border-radius:999px;height:3px;transition:background .14s ease,transform .14s ease;width:72px}.spatial-lab-shell__timeline-resizer:active span,.spatial-lab-shell__timeline-resizer:focus-visible span,.spatial-lab-shell__timeline-resizer:hover span{background:var(--accent);transform:scaleX(1.04)}.spatial-lab-shell__timeline-dock{border-top:1px solid var(--border);display:flex;flex:1 1 auto;min-height:176px;min-width:0;overflow:hidden}.spatial-lab-shell__timeline-dock>*{flex:1 1 auto;min-height:0;min-width:0}.spatial-lab-topbar{align-items:center;background:var(--bg-app);border-bottom:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between;min-height:var(--topbar-h);padding:0 .95rem 0 1rem}.spatial-lab-topbar__brand,.spatial-lab-topbar__center,.spatial-lab-topbar__group,.spatial-lab-topbar__status{align-items:center;display:flex;gap:.5rem}.spatial-lab-topbar__brand{min-width:0}.spatial-lab-topbar__logo{color:var(--accent-hover);font-size:12px;font-weight:700;letter-spacing:-.02em}.spatial-lab-topbar__divider{background:var(--border);height:18px;width:1px}.spatial-lab-topbar__identity{display:grid;gap:.08rem;min-width:0}.spatial-lab-topbar__eyebrow{color:var(--text-dim);font-size:10px;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.spatial-lab-topbar h1{font-size:13px;font-weight:600;line-height:1.2;margin:0}.spatial-lab-topbar__center{flex:1;justify-content:center;min-width:0}.spatial-lab-topbar__group{border-left:1px solid var(--border);border-right:1px solid var(--border);padding:0 .35rem}.spatial-lab-topbar__status{justify-content:flex-end}.spatial-lab-topbar__save-state{align-items:center;color:var(--text-dim);display:inline-flex;font-size:10px;gap:6px}.spatial-lab-topbar__save-dot{background:var(--success);border-radius:999px;box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 22%,transparent);height:7px;width:7px}.spatial-lab-topbar__account{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.spatial-lab-topbar__account:hover{border-color:var(--border-focus)}.spatial-lab-button,.spatial-lab-pill{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--text-secondary);display:inline-flex;justify-content:center;min-height:28px;padding:0 .72rem}.spatial-lab-button{cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.spatial-lab-button--ghost{background:transparent}.spatial-lab-button:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.spatial-lab-button:focus-visible,.spatial-lab-dock__button:focus-visible,.spatial-lab-dock__tab:focus-visible,.spatial-lab-inspector-section__trigger:focus-visible,.spatial-lab-layer-clip:focus-visible,.spatial-lab-layer-group__caret:focus-visible,.spatial-lab-layer-group__name:focus-visible,.spatial-lab-shell__timeline-resizer:focus-visible{outline:1px solid var(--border-focus);outline-offset:-1px}.spatial-lab-button:not(.spatial-lab-button--ghost){background:color-mix(in srgb,var(--accent) 11%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent) 48%,var(--border));color:var(--text-primary)}.spatial-lab-pill{background:var(--bg-surface);border-radius:999px;color:var(--text-secondary);font-size:11px;min-height:24px;padding:0 .58rem}.spatial-lab-button{gap:.38rem}.spatial-lab-button svg{flex-shrink:0}.spatial-lab-stage-shell{background:var(--bg-app);display:grid;gap:.7rem;grid-template-rows:auto minmax(1fr);min-height:0;padding:.8rem 1rem .95rem}.spatial-lab-stage-shell:fullscreen{background:#06070c;gap:0;grid-template-rows:minmax(0,1fr);padding:0}.spatial-lab-stage-shell:fullscreen .spatial-lab-stage-viewport{height:100vh}.spatial-lab-stage-shell__header{align-items:center;display:flex;justify-content:space-between;min-height:20px}.spatial-lab-stage-shell__title{display:grid;gap:.1rem}.spatial-lab-stage-shell__title span{color:var(--text-dim);font-size:10px;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.spatial-lab-stage-shell__title strong{font-size:12px;font-weight:600;margin:0}.spatial-lab-stage-host{background:linear-gradient(180deg,#121218f5,#0b0b0ffa);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);height:100%;min-height:420px;overflow:hidden;position:relative;width:100%}.spatial-lab-stage-shell:fullscreen .spatial-lab-stage-host{border:none;border-radius:0;box-shadow:none;min-height:100vh}.spatial-lab-stage-viewport{flex:1;min-height:0;position:relative}.spatial-lab-stage-overlay{display:flex;gap:.45rem;left:1.85rem;pointer-events:none;position:absolute;top:2.3rem}.spatial-lab-stage-anchors{inset:0;pointer-events:none;position:absolute}.spatial-lab-stage-anchor{align-items:center;background:color-mix(in srgb,var(--bg-surface) 84%,transparent);border:1px solid transparent;border-radius:999px;box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:grab;display:inline-flex;gap:.4rem;padding:4px 8px 4px 4px;pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.spatial-lab-stage-anchor:active{cursor:grabbing}.spatial-lab-stage-anchor.is-selected{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));color:var(--text-primary)}.spatial-lab-stage-anchor__dot{background:var(--accent);border-radius:999px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent);height:10px;width:10px}.spatial-lab-stage-anchor__label{font-size:10px;font-weight:600;white-space:nowrap}.spatial-lab-stage-gizmo{min-width:182px;pointer-events:auto;position:absolute;transform:translate(16px,-50%)}.spatial-lab-overlay-card{box-shadow:var(--shadow-lg);color:var(--text-primary);min-width:182px}.spatial-lab-overlay-card__header{min-height:30px}.spatial-lab-overlay-card__heading{display:grid;gap:1px;min-width:0}.spatial-lab-overlay-card__title{color:var(--text-primary);font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spatial-lab-overlay-card__meta{align-items:center;color:var(--text-dim);display:inline-flex;font-size:9.5px;font-weight:600;min-width:0;white-space:nowrap}.spatial-lab-overlay-card__header-actions{align-items:center;display:inline-flex;gap:6px;margin-left:auto}.spatial-lab-overlay-card__close{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-dim);cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;transition:border-color .12s ease,color .12s ease,background .12s ease;width:20px}.spatial-lab-overlay-card__close:hover{background:var(--bg-hover);border-color:var(--border-focus);color:var(--text-primary)}.spatial-lab-overlay-card__body{display:grid;gap:9px;padding:10px 10px 11px}.spatial-lab-overlay-card__section{display:grid;gap:7px}.spatial-lab-overlay-card__section+.spatial-lab-overlay-card__section{border-top:1px solid var(--border-subtle);padding-top:8px}.spatial-lab-overlay-card__section-label{color:var(--text-dim);font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.spatial-lab-overlay-card__row{align-items:center;display:grid;gap:8px;grid-template-columns:auto 1fr auto}.spatial-lab-overlay-card__row>span{color:var(--text-dim);font-size:10px}.spatial-lab-overlay-card__row>strong{color:var(--text-primary);font-size:11px;font-variant-numeric:tabular-nums}.spatial-lab-overlay-card__buttons{align-items:center;display:inline-flex;gap:4px}.spatial-lab-overlay-card__buttons button{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-dim);cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:0;transition:border-color .12s ease,color .12s ease,background .12s ease;width:24px}.spatial-lab-overlay-card__buttons button:hover{background:var(--bg-hover);border-color:var(--border-focus);color:var(--text-primary)}.spatial-lab-overlay-card__range{display:grid;gap:6px}.spatial-lab-overlay-card__range span{color:var(--text-dim);font-size:10px}.spatial-lab-overlay-card__range input{width:100%}.spatial-demo-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#151925eb,#0b0e16f5);border:1px solid rgba(120,128,168,.2);border-radius:12px;box-shadow:0 20px 64px #00000057;height:100%;padding:1rem 1.1rem;width:100%}.spatial-demo-card h1{font-size:1.4rem;line-height:1.02;margin:.35rem 0 .72rem}.spatial-demo-card p,.spatial-demo-list{color:color-mix(in srgb,var(--text-primary) 82%,transparent);margin:0}.spatial-demo-eyebrow{color:var(--moto-text);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.spatial-demo-list{display:grid;gap:.4rem;margin-top:.68rem;padding-left:1rem}.spatial-lab-layers{background:var(--bg-panel);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.spatial-lab-layers__header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;justify-content:space-between;min-height:40px;padding:8px 10px}.spatial-lab-layers__header-copy{display:grid;gap:2px}.spatial-lab-layers__header-copy small{color:var(--text-dim);font-size:10px}.spatial-lab-layers__header-tabs{align-items:center;background:var(--bg-surface);border-radius:999px;display:inline-flex;gap:4px;padding:2px}.spatial-lab-layers__title{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.spatial-lab-layers__header-tab{align-items:center;background:transparent;border:none;border-radius:999px;color:var(--text-dim);cursor:pointer;display:inline-flex;font-size:10px;font-weight:700;justify-content:center;min-height:22px;padding:0 9px}.spatial-lab-layers__header-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.spatial-lab-layers__header-tab.is-active{background:var(--bg-active);color:var(--text-primary)}.spatial-lab-layers__search{border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:6px 8px;position:relative}.spatial-lab-layers__search-icon{color:var(--text-dim);font-size:10px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.spatial-lab-layers__search-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:11px;height:24px;outline:none;padding:0 7px 0 24px;width:100%}.spatial-lab-layers__search-input:focus{border-color:var(--border-focus)}.spatial-lab-layers__tree{flex:1;overflow-x:hidden;overflow-y:auto;padding:4px 0}.spatial-lab-layers__empty{align-items:center;color:var(--text-dim);display:flex;flex-direction:column;font-size:11px;gap:6px;padding:24px 16px;text-align:center}.spatial-lab-layers__empty small{font-size:10px}.spatial-lab-layer-group{border-bottom:1px solid var(--border-subtle)}.spatial-lab-layer-group--active>.spatial-lab-layer-group__header{background:var(--accent-dim)}.spatial-lab-layer-group__header{align-items:center;display:flex;gap:2px;height:28px;padding:0 4px;transition:background .1s}.spatial-lab-layer-group__header:hover{background:var(--bg-hover)}.spatial-lab-layer-group__caret{align-items:center;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-dim);cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:transform .15s ease;width:18px}.spatial-lab-layer-group__caret--open{transform:rotate(90deg)}.spatial-lab-layer-group__name{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex:1;font-size:11px;font-weight:500;gap:5px;justify-content:space-between;min-width:0;padding:0;text-align:left}.spatial-lab-layer-group__name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spatial-lab-layer-group__name small{color:var(--text-dim);flex-shrink:0;font-size:9px;padding-right:6px}.spatial-lab-layer-group__actions{align-items:center;background:color-mix(in srgb,var(--bg-surface) 96%,#000);border:1px solid var(--border-subtle);border-radius:999px;box-shadow:inset 0 1px color-mix(in srgb,#fff 4%,transparent);display:inline-flex;flex-shrink:0;gap:2px;padding:2px}.spatial-lab-layer-clip__action,.spatial-lab-layer-group__action{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:999px;box-shadow:none;color:var(--text-dim);cursor:pointer;display:inline-flex;font:inherit;height:18px;justify-content:center;outline:none;padding:0;transition:background .12s ease,color .12s ease,transform .12s ease;width:18px}.spatial-lab-layer-clip__action:hover,.spatial-lab-layer-group__action:hover{background:color-mix(in srgb,var(--bg-hover) 80%,var(--bg-surface));color:var(--text-primary)}.spatial-lab-layer-clip__action:active,.spatial-lab-layer-group__action:active{transform:scale(.96)}.spatial-lab-layer-clip__action svg,.spatial-lab-layer-group__action svg{stroke-width:1.85}.spatial-lab-layer-clip__action.is-active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-hover)}.spatial-lab-layer-clip__action.is-danger:hover{color:var(--error)}.spatial-lab-layer-clips{padding:2px 0 4px}.spatial-lab-layer-tree{display:grid;gap:6px;padding:4px 0 6px}.spatial-lab-layer-branch{display:grid;gap:2px}.spatial-lab-layer-branch__label{color:var(--text-dim);font-size:9px;font-weight:700;letter-spacing:.08em;padding:0 8px 0 28px;text-transform:uppercase}.spatial-lab-layer-clip{align-items:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;gap:6px;min-height:26px;padding:0 8px 0 16px;text-align:left;transition:background .1s,color .1s;width:100%}.spatial-lab-layer-clip[draggable=true]{cursor:grab}.spatial-lab-layer-clip:hover{background:var(--bg-hover);color:var(--text-secondary)}.spatial-lab-layer-clip--active{background:var(--accent-dim);color:var(--accent-hover)}.spatial-lab-layer-clip--nested{padding-left:16px}.spatial-lab-layer-clip__dot{background:var(--clip-color-3);border-radius:2px;flex-shrink:0;height:8px;width:8px}.spatial-lab-layer-clip__preview{background-color:color-mix(in srgb,var(--bg-surface) 86%,transparent);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--border-subtle);border-radius:5px;flex-shrink:0;height:18px;position:relative;width:18px}.spatial-lab-layer-clip__preview.is-shader{background:radial-gradient(circle at 34% 32%,hsla(0,0%,100%,.64),transparent 22%),radial-gradient(circle at 50% 50%,#ffb348e6,#ff73002e 55%,#08080dfa 80%);border-radius:999px;box-shadow:0 0 12px color-mix(in srgb,#ff8a1f 28%,transparent)}.spatial-lab-layer-clip__preview.is-model{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--bg-surface)),color-mix(in srgb,var(--moto) 12%,var(--bg-panel)));position:relative}.spatial-lab-layer-clip__preview.is-model:before{border:1px solid color-mix(in srgb,var(--text-dim) 40%,transparent);border-radius:2px;content:"";inset:3px;position:absolute;transform:rotate(10deg)}.spatial-lab-layer-clip__preview.is-video:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.28));border-radius:inherit;content:"";inset:0;position:absolute}.spatial-lab-layer-clip__preview.is-html{background:linear-gradient(180deg,color-mix(in srgb,var(--moto) 20%,var(--bg-surface)),color-mix(in srgb,var(--bg-panel) 86%,transparent))}.spatial-lab-layer-clip__dot.is-scene{background:var(--clip-color-1)}.spatial-lab-layer-clip__dot.is-rail{background:var(--clip-color-2)}.spatial-lab-layer-clip__dot.is-anchor{background:var(--clip-color-4)}.spatial-lab-layer-clip__dot.is-surface{background:var(--clip-color-5)}.spatial-lab-layer-clip__dot.is-asset{background:var(--warning)}.spatial-lab-layer-clip__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spatial-lab-layer-clip__meta{color:var(--text-dim);flex-shrink:0;font-family:var(--font-mono,monospace);font-size:9px}.spatial-lab-layer-clip__badges{align-items:center;display:inline-flex;gap:4px;margin-left:6px}.spatial-lab-layer-clip__badge{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-dim);display:inline-flex;font-size:9px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px}.spatial-lab-layer-clip__badge.is-compatible{background:color-mix(in srgb,var(--accent) 12%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent) 48%,var(--border-subtle));color:var(--accent-hover)}.spatial-lab-layer-clip__badge.is-incompatible{opacity:.58}.spatial-lab-layer-clip__badge.is-live{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent);min-width:42px;padding:0 7px}.spatial-lab-layer-clip__actions{align-items:center;display:inline-flex;gap:4px;margin-left:auto}.spatial-lab-dock{background:var(--bg-panel);border-top:1px solid var(--border);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.spatial-lab-dock__header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:8px;height:30px;padding:0 10px}.spatial-lab-dock__tabs{align-items:center;display:inline-flex;flex-shrink:0;gap:2px}.spatial-lab-dock__tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text-dim);cursor:pointer;display:inline-flex;font-size:10px;font-weight:600;height:20px;justify-content:center;padding:0 8px}.spatial-lab-dock__tab:hover:not(:disabled){background:var(--bg-hover);color:var(--text-secondary)}.spatial-lab-dock__tab--active{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary)}.spatial-lab-dock__tab:disabled{cursor:default;opacity:.45}.spatial-lab-dock__meta{color:var(--text-dim);font-size:10px}.spatial-lab-dock__controls{align-items:center;display:flex;gap:6px;margin-left:auto}.spatial-lab-dock__button{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:10px;gap:4px;height:20px;justify-content:center;min-width:22px;padding:0 6px}.spatial-lab-dock__button:hover{border-color:var(--border-focus);color:var(--text-primary)}.spatial-lab-dock__body{display:grid;flex:1;grid-template-columns:220px minmax(0,1fr);min-height:0}.spatial-lab-dock__sidebar{align-content:start;background:color-mix(in srgb,var(--bg-surface) 72%,transparent);border-right:1px solid var(--border-subtle);display:grid;gap:8px;padding:10px}.spatial-lab-dock__stat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:2px;padding:8px 10px}.spatial-lab-dock__stat-label{color:var(--text-dim);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.spatial-lab-dock__stat strong{color:var(--text-primary);font-size:11px}.spatial-lab-dock__timeline{align-content:start;display:grid;gap:10px;padding:12px}.spatial-lab-dock__ruler-workbench{display:grid;gap:8px;position:relative}.spatial-lab-dock__legend,.spatial-lab-dock__ruler{align-items:center;color:var(--text-dim);display:flex;font-size:10px;justify-content:space-between}.spatial-lab-dock__ruler{min-height:18px;padding:0 0 0 220px;position:relative}.spatial-lab-dock__activation-list{display:grid;gap:6px}.spatial-lab-dock__activation-row{align-items:center;border:1px solid transparent;border-radius:8px;display:grid;gap:10px;grid-template-columns:220px minmax(0,1fr);padding:4px 6px}.spatial-lab-dock__activation-row.is-selected{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.spatial-lab-dock__activation-row.is-selected .spatial-lab-dock__activation-copy strong{color:var(--accent-hover)}.spatial-lab-dock__activation-copy{background:transparent;border:none;cursor:pointer;display:grid;gap:2px;min-width:0;padding:0;text-align:left}.spatial-lab-dock__activation-copy strong{color:var(--text-primary);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spatial-lab-dock__activation-copy span{color:var(--text-dim);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spatial-lab-dock__activation-copy small{color:var(--text-dim);font-size:9px}.spatial-lab-dock__activation-lane{background:color-mix(in srgb,var(--bg-surface) 82%,transparent);border:1px solid var(--border-subtle);border-radius:999px;cursor:pointer;height:20px;overflow:hidden;position:relative}.spatial-lab-dock__activation-lane.is-selected{border-color:color-mix(in srgb,var(--accent) 28%,var(--border-subtle))}.spatial-lab-dock__activation-window.is-editable{cursor:grab}.spatial-lab-dock__activation-window.is-editable:active{cursor:grabbing}.spatial-lab-dock__activation-window{background:color-mix(in srgb,var(--accent) 34%,transparent);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:999px;bottom:3px;min-width:8px;position:absolute;top:3px}.spatial-lab-dock__activation-handle{align-items:center;background:color-mix(in srgb,var(--bg-panel) 90%,transparent);border:1px solid color-mix(in srgb,var(--accent) 56%,transparent);border-radius:999px;color:var(--text-primary);cursor:ew-resize;display:inline-flex;height:16px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:16px}.spatial-lab-dock__activation-handle--start{left:-7px}.spatial-lab-dock__activation-handle--end{right:-7px}.spatial-lab-dock__activation-playhead{background:var(--error);bottom:0;position:absolute;top:0;transform:translate(-50%);width:1px}.spatial-lab-dock__snap{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-dim);display:inline-flex;font-size:9px;height:18px;padding:0 6px}.spatial-lab-dock__lane-groups{display:grid;gap:10px;position:relative}.spatial-lab-dock__global-hover,.spatial-lab-dock__global-playhead{bottom:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:1px}.spatial-lab-dock__global-playhead{background:color-mix(in srgb,var(--error) 88%,#fff 4%);left:0;z-index:3}.spatial-lab-dock__global-hover{background:color-mix(in srgb,var(--text-dim) 68%,transparent);z-index:2}.spatial-lab-dock__group{display:grid;gap:6px}.spatial-lab-dock__group-header{align-items:center;color:var(--text-dim);display:flex;font-size:9px;font-weight:700;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}.spatial-lab-dock__group-body{display:grid;gap:6px}.spatial-lab-dock__track{align-items:center;display:flex;min-height:28px;position:relative}.spatial-lab-dock__track-fill{background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:999px;height:4px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.spatial-lab-dock__range{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;height:20px;width:100%}.spatial-lab-dock__range::-webkit-slider-runnable-track{background:var(--bg-active);border-radius:99px;height:4px}.spatial-lab-dock__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px var(--accent-dim);height:12px;margin-top:-4px;width:12px}.spatial-lab-dock__range::-moz-range-track{background:var(--bg-active);border:none;border-radius:99px;height:4px}.spatial-lab-dock__range::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;box-shadow:0 0 0 3px var(--accent-dim);height:12px;width:12px}.spatial-lab-inspector{background:var(--bg-panel);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.spatial-lab-inspector__header{align-items:center;background:color-mix(in srgb,var(--bg-panel) 88%,#000);border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:.5rem;height:32px;justify-content:space-between;padding:0 .7rem}.spatial-lab-inspector__header-actions{align-items:center;display:inline-flex;gap:6px}.spatial-lab-inspector__title{color:var(--text-primary);font-size:10.5px;font-weight:700;letter-spacing:-.005em}.spatial-lab-inspector__badge{border:1px solid var(--border);border-radius:99px;font-size:8.5px;font-weight:600;height:15px;letter-spacing:.06em;padding:0 5px;text-transform:uppercase}.spatial-lab-inspector__badge,.spatial-lab-inspector__icon-button{align-items:center;background:var(--bg-surface);color:var(--text-dim);display:inline-flex}.spatial-lab-inspector__icon-button{border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;height:18px;justify-content:center;width:18px}.spatial-lab-inspector__icon-button:hover{border-color:var(--border-focus);color:var(--text-primary)}.spatial-lab-inspector__scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.spatial-lab-inspector-section{border-bottom:1px solid var(--border-subtle)}.spatial-lab-inspector-section__trigger{align-items:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;height:26px;justify-content:space-between;padding:0 .7rem;transition:background .1s;width:100%}.spatial-lab-inspector-section__trigger:hover{background:var(--bg-hover)}.spatial-lab-inspector-section__label{color:var(--text-dim);font-size:8.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.spatial-lab-inspector-section__caret{color:var(--text-dim);flex-shrink:0;height:12px;transition:transform .15s ease;width:12px}.spatial-lab-inspector-section__caret.is-open{transform:rotate(90deg)}.spatial-lab-inspector-section__body{display:flex;flex-direction:column;gap:5px;padding:4px 0 7px}.spatial-lab-inspector-subgroup{display:grid;gap:5px;padding:.25rem 0}.spatial-lab-inspector-subgroup__label{color:var(--text-dim);font-size:8px;font-weight:700;letter-spacing:.08em;padding:0 .7rem;text-transform:uppercase}.spatial-lab-inspector-fields{display:flex;flex-direction:column;gap:6px;padding:0 .7rem}.spatial-lab-inspector-field{display:grid;gap:2px}.spatial-lab-inspector-field__label{color:var(--text-dim);font-size:8.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.spatial-lab-inspector-field input,.spatial-lab-inspector-field select,.spatial-lab-inspector-field textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-primary);font-size:10.5px;outline:none;padding:5px 7px;width:100%}.spatial-lab-inspector-field input,.spatial-lab-inspector-field select{min-height:26px}.spatial-lab-inspector-field textarea{min-height:72px;resize:vertical}.spatial-lab-inspector-field input:focus,.spatial-lab-inspector-field select:focus,.spatial-lab-inspector-field textarea:focus{border-color:var(--border-focus)}.spatial-lab-inspector-grid{display:grid;gap:5px;padding:0 .7rem}.spatial-lab-inspector-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.spatial-lab-inspector-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.spatial-lab-inspector-toggle{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:10px;gap:6px;padding:0 .7rem}.spatial-lab-inspector-toggle input{accent-color:var(--accent)}.spatial-lab-inspector-action{align-items:center;background:color-mix(in srgb,var(--bg-panel) 80%,transparent);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:9.5px;font-weight:600;justify-content:center;min-height:26px;padding:0 8px;transition:background .12s ease,border-color .12s ease,color .12s ease}.spatial-lab-inspector-action:hover{background:color-mix(in srgb,var(--bg-hover) 44%,var(--bg-panel));border-color:var(--border-focus)}.spatial-lab-inspector-action--secondary{background:var(--bg-surface);border-color:var(--border-subtle);margin:0 .7rem;width:calc(100% - 1.4rem)}.spatial-lab-inspector-node-card{background:color-mix(in srgb,var(--bg-panel) 80%,transparent);border:1px solid var(--border-subtle);border-radius:5px;margin:0 .7rem 5px;padding:7px 8px}.spatial-lab-inspector-node-card__name{color:var(--text-primary);font-size:10.5px;font-weight:600;letter-spacing:-.01em}.spatial-lab-inspector-node-card__meta{color:var(--text-dim);font-size:9px;margin-top:1px}.spatial-lab-inspector-kv-list{display:flex;flex-direction:column;gap:0;padding:0 .7rem}.spatial-lab-inspector-kv{align-items:baseline;border-bottom:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:space-between;min-height:22px;padding:3px 0}.spatial-lab-inspector-kv:last-child{border-bottom:none}.spatial-lab-inspector-kv__key{color:var(--text-dim);flex-shrink:0;font-size:8.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.spatial-lab-inspector-kv__val{color:var(--text-secondary);font-size:10px;min-width:0;text-align:right;word-break:break-word}@media(max-width:1400px){.spatial-lab-shell{--panel-left-w:244px;--panel-right-w:288px}}@media(max-width:1100px){.spatial-lab-shell__body{grid-template-areas:"document workspace" "timeline timeline";grid-template-columns:220px minmax(0,1fr)}.spatial-lab-shell__side-rail{display:none}.spatial-lab-shell__document-column{border-right:1px solid var(--border)}.spatial-lab-dock__body{grid-template-columns:1fr}.spatial-lab-dock__sidebar{border-bottom:1px solid var(--border-subtle);border-right:0;grid-template-columns:repeat(3,minmax(0,1fr))}.spatial-lab-dock__activation-row{gap:4px;grid-template-columns:1fr}}@media(max-width:820px){.spatial-lab-shell{grid-template-rows:auto 1fr}.spatial-lab-shell__body{grid-template-areas:"workspace" "timeline";grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.spatial-lab-shell__document-column{display:none}.spatial-lab-topbar{align-items:flex-start;padding-bottom:.75rem;padding-top:.75rem}.spatial-lab-topbar,.spatial-lab-topbar__brand,.spatial-lab-topbar__center,.spatial-lab-topbar__status{flex-wrap:wrap;justify-content:flex-start;width:100%}}