:root{color-scheme:light;--color-bg: #efe5d4;--color-surface: #fbf5e9;--color-surface-2: #efe5d4;--color-ink: #1c1917;--color-accent: #d2551f;--color-on-accent: #fbf5e9;--color-ink-muted: #8a7f70;--color-ink-soft: #6b625a;--color-line: #dfd2bc;--color-line-strong: color-mix(in srgb, var(--color-ink) 38%, var(--color-bg));--color-hover: color-mix(in srgb, var(--color-ink) 7%, transparent);--color-accent-wash: color-mix(in srgb, var(--color-accent) 12%, transparent);--color-accent-hover: color-mix(in srgb, var(--color-accent) 84%, var(--color-ink));--color-danger: #b4472e;--color-success: #3f7a63;--color-coffee: #ffdd00;--color-coffee-ink: #17191d;--color-scrim: color-mix(in srgb, #1c1917 64%, transparent);--color-preview-paper: #fbf5e9;--color-preview-night: #211e1b;--color-stage-bg: #171513;--color-stage-surface: #28231f;--color-stage-line: #5a5046;--color-stage-text: #fbf5e9;--color-stage-muted: #b9ab99;--cat-blue: #2c4e7a;--cat-yellow: #e8b33c;--cat-mint: #a9cfb8;--cat-peach: #f0a878;--cat-lilac: #d9c9e0;--cat-sky: #bfd3e8;--cat-clay: #e3c7a8;--cat-moss: #3f7a63;--cat-rust: #b4472e;--cat-plum: #7a6e9c;--font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;--text-meta: 10px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 32px;--leading-tight: 1.2;--leading-body: 1.5;--track-meta: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--radius-circle: 50%;--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-ink) 8%, transparent);--shadow-md: 0 4px 16px color-mix(in srgb, var(--color-ink) 10%, transparent);--shadow-lg: 0 12px 40px color-mix(in srgb, var(--color-ink) 18%, transparent);--shadow-hard: 5px 5px 0 var(--color-ink);--shadow-hard-lift: 8px 8px 0 var(--color-ink);--border-hard: 2.5px solid var(--color-ink);--control-h: 32px;--duration-ui: .16s;--ink: var(--color-bg);--graphite: var(--color-surface);--slate: var(--color-line);--paper: var(--color-ink);--signal: var(--color-accent);--focus: var(--color-accent);--ui: var(--font-sans);--mono: var(--font-mono)}html[data-theme=dark]{color-scheme:dark;--color-bg: #171513;--color-surface: #211e1b;--color-surface-2: #2d2823;--color-ink: #fbf5e9;--color-on-accent: #fbf5e9;--color-ink-muted: #a99e8f;--color-ink-soft: #cec2b2;--color-line: #443b34}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;font:var(--text-md)/var(--leading-body) var(--font-sans);color:var(--color-ink);background:var(--color-bg)}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--color-surface-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);height:var(--control-h);padding:0 var(--space-3);font-weight:600;cursor:pointer;transition:background var(--duration-ui) ease,border-color var(--duration-ui) ease,color var(--duration-ui) ease,transform var(--duration-ui) ease,box-shadow var(--duration-ui) ease}button:hover{border-color:var(--color-ink);background:var(--color-hover)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--color-accent);border-color:var(--color-ink);color:var(--color-on-accent);box-shadow:2px 2px 0 var(--color-ink)}button.primary:hover{background:var(--color-ink);color:var(--color-surface);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-accent)}button.danger{background:var(--color-danger);border-color:var(--color-ink);color:var(--color-on-accent)}button.danger:hover{background:var(--color-ink);color:var(--color-surface)}button.on{border-color:var(--color-accent);color:var(--color-accent);box-shadow:inset 0 -2px 0 var(--color-accent)}button.ghost{background:none;border:none;height:auto;padding:0 4px;opacity:.5}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input[type=number],input[type=text],select,textarea{background:var(--color-surface-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);padding:6px var(--space-2);width:100%;min-width:0;font-family:var(--font-mono)}input[type=color]{background:none;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);height:28px;width:100%;padding:2px}.font-select{font-size:var(--text-lg);letter-spacing:.01em}.app{display:grid;grid-template-rows:56px 1fr auto auto;height:100vh;background:var(--color-bg)}.splitter{background:none;z-index:3}.splitter.x{cursor:col-resize}.splitter.y{height:5px;cursor:row-resize}.splitter:hover,.splitter:focus-visible{background:var(--color-accent)}.splitter:focus-visible{outline-offset:-2px}.topbar{display:flex;gap:var(--space-2);align-items:center;padding:0 var(--space-4);border-bottom:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-sm);z-index:10}.brand{display:flex;align-items:center;gap:var(--space-2);font:700 var(--text-lg)/1 "Space Grotesk",var(--font-sans);letter-spacing:-.03em}.brand:before{content:"";width:11px;height:11px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent);box-shadow:2px 2px 0 var(--color-ink);transform:rotate(-5deg)}.brand-button{flex:none;height:36px;padding:0 var(--space-2);margin-left:calc(var(--space-2) * -1);border-color:transparent;background:transparent;box-shadow:none}.brand-button:hover{background:var(--color-accent-wash);border-color:var(--color-line)}.projname{width:180px}.workspace-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface-2);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--color-ink) 9%,transparent)}.workspace-switch button{min-width:58px;height:28px;gap:7px;display:flex;align-items:center;justify-content:center;padding:0 10px;border:0;background:transparent;color:var(--color-ink-soft);box-shadow:none}.workspace-switch button:hover{background:var(--color-hover);color:var(--color-ink)}.workspace-switch button.is-active{color:var(--color-ink);background:var(--color-surface);box-shadow:2px 2px 0 var(--color-ink);transform:translate(-1px,-1px)}.workspace-icon{position:relative;display:block;width:12px;height:12px;flex:none}.workspace-icon--2d{border:1.5px solid currentColor;background:var(--cat-yellow)}.workspace-icon--2d:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid currentColor;opacity:.45}.workspace-icon--3d{border:1.5px solid currentColor;transform:skewY(-22deg);background:var(--cat-sky)}.workspace-icon--3d:before{content:"";position:absolute;width:7px;height:7px;left:4px;top:-5px;border:1.5px solid currentColor;border-bottom:0;transform:skewY(38deg);background:var(--color-surface)}.spacer{flex:1}.status{font-family:var(--font-mono);color:var(--color-success);font-size:var(--text-sm)}.filebtn{background:var(--color-surface-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);height:var(--control-h);display:grid;place-items:center;padding:0 var(--space-3);cursor:pointer;font-weight:600}.filebtn:hover{border-color:var(--color-ink)}.coffee{display:inline-flex;align-items:center;gap:6px;height:var(--control-h);padding:0 var(--space-3);background:var(--color-coffee);color:var(--color-coffee-ink);text-decoration:none;font-weight:600;font-size:var(--text-sm);border:1px solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--color-ink);transition:transform var(--duration-ui) ease,box-shadow var(--duration-ui) ease}.coffee:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-ink)}.support{display:grid;gap:var(--space-2);justify-items:start;padding:var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface-2)}.support p{margin:0;font-size:var(--text-sm)}.top-menu{position:relative}.top-menu-panel{position:absolute;z-index:20;top:calc(100% + var(--space-2));left:0;width:204px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:menu-rise .18s cubic-bezier(.2,.8,.2,1)}.top-menu-panel button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;text-align:left}.top-menu-panel button:hover{background:var(--color-hover)}.top-menu-panel kbd{color:var(--color-ink-muted);font:var(--text-meta) var(--font-mono)}.menu-divider{display:block;height:1px;margin:var(--space-2);background:var(--color-line)}.top-menu-panel .menu-danger{color:var(--color-danger)}.view-menu-panel{width:224px}.menu-label{margin:2px var(--space-2) var(--space-2);color:var(--color-ink-muted);font:700 var(--text-meta)/1.2 var(--font-mono);letter-spacing:var(--track-meta);text-transform:uppercase}.view-menu-panel button{display:grid;grid-template-columns:30px 1fr 16px;gap:var(--space-2);min-height:48px}.view-menu-panel button.is-selected{background:var(--color-accent-wash);box-shadow:inset 3px 0 0 var(--color-accent)}.view-menu-panel button>span:nth-child(2){display:grid;gap:1px}.view-menu-panel small{color:var(--color-ink-muted);font:var(--text-meta)/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.theme-swatch{position:relative;width:26px;height:26px;border:1.5px solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--color-ink);overflow:hidden}.theme-swatch--light{background:linear-gradient(135deg,var(--cat-yellow) 0 38%,var(--color-preview-paper) 38%)}.theme-swatch--dark{background:linear-gradient(135deg,var(--color-accent) 0 38%,var(--color-preview-night) 38%)}.theme-swatch--system{background:linear-gradient(135deg,var(--color-preview-paper) 0 50%,var(--color-preview-night) 50%)}.menu-check{color:var(--color-accent);font-weight:700}@keyframes menu-rise{0%{opacity:0;transform:translateY(-4px)}}.project-dashboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:auto;color:var(--color-ink);background:var(--color-bg);animation:dashboard-arrive .22s cubic-bezier(.2,.8,.2,1) both}.project-dashboard__header{position:sticky;top:0;z-index:3;min-height:64px;display:flex;align-items:center;gap:var(--space-3);padding:0 max(var(--space-4),calc((100vw - 1480px)/2));border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-dashboard__header .brand-button{margin-left:0}.project-dashboard__rule{flex:1;height:1px;background:var(--color-line)}.project-dashboard__actions{display:flex;align-items:center;gap:var(--space-3)}.project-dashboard__new{display:inline-flex;align-items:center;gap:var(--space-2)}.project-dashboard__body{width:min(1480px,100%);margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-12)}.project-dashboard__opening{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);align-items:end;gap:clamp(var(--space-6),5vw,72px);margin-bottom:var(--space-8)}.project-dashboard__intro{max-width:700px}.project-kicker{margin:0 0 var(--space-2);color:var(--color-ink-muted);font:700 var(--text-meta)/1.2 var(--font-mono);letter-spacing:var(--track-meta);text-transform:uppercase}.project-dashboard__intro h1{margin:0;font:700 clamp(var(--text-2xl),3.5vw,44px)/1.05 "Space Grotesk",var(--font-sans);letter-spacing:-.045em;text-wrap:pretty}.project-dashboard__intro>p:last-child{max-width:620px;margin:var(--space-3) 0 0;color:var(--color-ink-soft);font-size:var(--text-lg);text-wrap:pretty}.creator-note{position:relative;display:flex;align-items:center;gap:var(--space-4);min-height:118px;padding:var(--space-4) var(--space-5) var(--space-4) var(--space-4);background:var(--cat-sky);border:var(--border-hard);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);transform:rotate(.6deg)}.creator-note__avatar{width:78px;height:78px;flex:0 0 78px;object-fit:cover;border:2px solid var(--color-ink);border-radius:var(--radius-circle);box-shadow:3px 3px 0 var(--color-ink);transform:rotate(-4deg)}.creator-note .project-kicker{color:var(--color-coffee-ink)}.creator-note__copy{margin:0;color:var(--color-coffee-ink);font-size:var(--text-sm);line-height:1.45;text-wrap:pretty}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:var(--space-6);align-items:stretch}.project-card{--project-accent: var(--cat-blue);position:relative;min-width:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow:hidden;background:var(--color-surface);border:var(--border-hard);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);transition:transform var(--duration-ui) ease,box-shadow var(--duration-ui) ease}.project-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hard-lift)}.project-card.is-active:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--color-accent)}.project-card--tone-1{--project-accent: var(--cat-yellow)}.project-card--tone-2{--project-accent: var(--cat-mint)}.project-card--tone-3{--project-accent: var(--cat-peach)}.project-card--tone-4{--project-accent: var(--cat-plum)}.project-card--tone-0 .project-pill--kind,.project-card--tone-4 .project-pill--kind,.project-card--tone-0 .project-card__frame span,.project-card--tone-4 .project-card__frame span{color:var(--color-on-accent)}.project-card__head{display:flex;align-items:center;gap:var(--space-2)}.project-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);font:700 var(--text-xs)/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.project-pill--active{background:var(--color-ink);color:var(--color-surface)}.project-pill--kind{margin-left:auto;background:var(--project-accent);color:var(--color-coffee-ink)}.project-card__open{width:100%;height:142px;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none}.project-card__open:hover{background:transparent}.project-card__art{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border:2px solid var(--color-ink);border-radius:12px;background-color:var(--color-surface);background-image:linear-gradient(var(--color-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-line) 1px,transparent 1px);background-size:16px 16px}.project-card__frame{position:relative;z-index:1;width:min(66%,176px);max-height:104px;min-height:54px;display:grid;place-items:center;padding:var(--space-2);overflow:hidden;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--project-accent);box-shadow:4px 4px 0 var(--color-ink);transform:rotate(-1.2deg)}.project-card__frame span{max-width:100%;overflow:hidden;color:var(--color-coffee-ink);font:700 var(--text-lg)/1.05 "Space Grotesk",var(--font-sans);letter-spacing:-.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap}.project-card__axis{position:absolute;opacity:.38;background:var(--color-accent)}.project-card__axis--x{width:100%;height:1px}.project-card__axis--y{width:1px;height:100%}.project-card__body{display:grid;gap:var(--space-2);flex:1;min-width:0}.project-card__body h2{margin:0;overflow:hidden;font:700 var(--text-xl)/1.2 "Space Grotesk",var(--font-sans);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.project-card__rename{height:30px;font:700 var(--text-lg)/1 "Space Grotesk",var(--font-sans)!important}.project-card__sample{min-height:18px;margin:0;overflow:hidden;color:var(--color-ink-soft);text-overflow:ellipsis;white-space:nowrap}.project-card__meta{margin:0;color:var(--color-ink-muted);font:var(--text-meta)/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.project-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-1);margin-top:auto}.project-card__actions button{flex:1 1 auto;padding-inline:var(--space-2)}.project-card__actions .project-card__delete{flex:0 0 auto;color:var(--color-danger)}.project-card__confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;align-content:center;gap:var(--space-2);padding:var(--space-6);background:var(--color-surface);box-shadow:inset 7px 0 0 var(--color-danger);animation:menu-rise .18s cubic-bezier(.2,.8,.2,1)}.project-card__confirm h3{margin:0;font:700 var(--text-xl)/1.2 "Space Grotesk",var(--font-sans)}.project-card__confirm>p:not(.project-kicker){margin:0 0 var(--space-2);color:var(--color-ink-soft)}.project-card__confirm>div{display:flex;gap:var(--space-2)}.preset-library{margin-top:clamp(48px,7vw,88px);padding-top:var(--space-8);border-top:2px solid var(--color-ink)}.preset-library__header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.preset-library__header>div:first-child{max-width:720px}.preset-library__header h2{margin:0;font:700 clamp(var(--text-2xl),2.8vw,36px)/1.08 "Space Grotesk",var(--font-sans);letter-spacing:-.04em;text-wrap:balance}.preset-library__header p:last-child{max-width:680px;margin:var(--space-2) 0 0;color:var(--color-ink-soft);font-size:var(--text-lg);text-wrap:pretty}.preset-filter{flex:none;display:flex;gap:3px;padding:3px;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:3px 3px 0 var(--color-ink)}.preset-filter button{min-width:54px;border:0;border-radius:var(--radius-pill);background:transparent;box-shadow:none;font:700 var(--text-xs)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.preset-filter button:hover{background:var(--color-hover)}.preset-filter button.is-active{background:var(--color-ink);color:var(--color-surface)}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:var(--space-5)}.scene-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:var(--border-hard);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:4px 4px 0 var(--color-ink);transition:transform var(--duration-ui) ease,box-shadow var(--duration-ui) ease}.scene-card:hover{transform:translateY(-3px);box-shadow:4px 7px 0 var(--color-ink)}.scene-card__preview{position:relative;isolation:isolate;width:100%;height:174px;padding:0;overflow:hidden;border:0;border-bottom:2px solid var(--color-ink);border-radius:0;background:var(--scene-a);box-shadow:none;color:var(--scene-b);perspective:600px}.scene-card__preview:hover{background:var(--scene-a)}.scene-card__preview:focus-visible{outline:3px solid var(--color-accent);outline-offset:-5px}.scene-preview__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:linear-gradient(color-mix(in srgb,var(--scene-c) 32%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--scene-c) 32%,transparent) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 90%);mask-image:linear-gradient(to bottom,#000,transparent 90%)}.scene-preview__text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;transform-style:preserve-3d}.scene-preview__text>span{grid-area:1 / 1;max-width:86%;overflow:hidden;color:var(--scene-b);font:800 clamp(24px,2.4vw,38px)/.9 "Anybody",var(--font-sans);letter-spacing:-.075em;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform-origin:center}.scene-preview__text>span:nth-child(n+2){z-index:-1;opacity:0}.scene-preview__ring{position:absolute;z-index:1;top:50%;left:50%;width:118px;height:118px;border:1px solid var(--scene-c);border-radius:50%;opacity:0;transform:translate(-50%,-50%)}.scene-preview__timeline{position:absolute;z-index:4;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);height:3px;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--scene-c) 28%,transparent)}.scene-preview__timeline>span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--scene-b);transform-origin:left;animation:scene-progress var(--scene-duration) linear infinite}.scene-card__body{display:grid;gap:var(--space-2);flex:1;padding:var(--space-4)}.scene-card__meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink-muted);font:700 var(--text-meta)/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.scene-mode{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-ink)}.scene-card h3{margin:var(--space-1) 0 0;font:700 var(--text-xl)/1.12 "Space Grotesk",var(--font-sans);letter-spacing:-.03em}.scene-card__body>p{min-height:42px;margin:0;color:var(--color-ink-soft);line-height:1.45;text-wrap:pretty}.scene-card__tags{display:flex;flex-wrap:wrap;gap:5px;margin:var(--space-1) 0 var(--space-2)}.scene-card__tags span{padding:4px 7px;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-ink-soft);font:700 var(--text-meta)/1 var(--font-mono);letter-spacing:.04em}.scene-card__use{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto}.scene-card__preview[data-preview=index-stack] .scene-preview__grid{opacity:.08}.scene-card__preview[data-preview=index-stack] .scene-preview__text{inset:-26px auto auto 18px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;animation:scene-index var(--scene-duration) linear infinite}.scene-card__preview[data-preview=index-stack] .scene-preview__text>span{display:block;max-width:none;opacity:1;font:850 31px/.88 "Archivo",var(--font-sans);letter-spacing:-.06em;text-align:left}.scene-card__preview[data-preview=index-stack] .scene-preview__text>span:nth-child(3){color:var(--scene-c)}.scene-card__preview[data-preview=crop-giant] .scene-preview__grid{opacity:.05}.scene-card__preview[data-preview=crop-giant] .scene-preview__text>span:first-child{max-width:none;font:900 116px/.72 Bodoni Moda,serif;letter-spacing:-.09em;animation:scene-crop var(--scene-duration) ease-in-out infinite}.scene-card__preview[data-preview=marquee-wall] .scene-preview__grid{opacity:.16;background-size:15px 15px}.scene-card__preview[data-preview=marquee-wall] .scene-preview__text>span:first-child{max-width:none;overflow:visible;font:500 20px/1 var(--font-mono);letter-spacing:.12em;text-shadow:-92px -48px var(--scene-c),92px -48px var(--scene-b),-138px 0 var(--scene-b),138px 0 var(--scene-c),-92px 48px var(--scene-c),92px 48px var(--scene-b);animation:scene-wall var(--scene-duration) linear infinite}.scene-card__preview[data-preview=halo-ring] .scene-preview__grid{opacity:.06}.scene-card__preview[data-preview=halo-ring] .scene-preview__ring{width:122px;height:122px;opacity:.72;border-color:var(--scene-b);box-shadow:0 0 0 16px color-mix(in srgb,var(--scene-c) 45%,transparent),0 0 0 34px color-mix(in srgb,var(--scene-c) 22%,transparent);animation:scene-orbit var(--scene-duration) linear infinite}.scene-card__preview[data-preview=halo-ring] .scene-preview__text>span:first-child{max-width:95px;font:500 10px/1 var(--font-mono);letter-spacing:.16em}.scene-card__preview[data-preview=moire-field] .scene-preview__grid{opacity:.46;background-size:6px 6px;transform-origin:center;animation:scene-moire var(--scene-duration) linear infinite}.scene-card__preview[data-preview=moire-field] .scene-preview__text>span:first-child{max-width:none;overflow:visible;font:300 14px/1 var(--font-mono);letter-spacing:.06em;text-shadow:-88px -52px var(--scene-c),0 -52px var(--scene-b),88px -52px var(--scene-c),-132px 0 var(--scene-b),132px 0 var(--scene-b),-88px 52px var(--scene-c),0 52px var(--scene-b),88px 52px var(--scene-c)}.scene-card__preview[data-preview=terminal-sweep] .scene-preview__grid{opacity:.18;background-size:22px 22px}.scene-card__preview[data-preview=terminal-sweep] .scene-preview__text{place-items:start;padding:23px 20px}.scene-card__preview[data-preview=terminal-sweep] .scene-preview__text>span:first-child{max-width:100%;white-space:pre;font:500 13px/1.35 var(--font-mono);letter-spacing:.05em;text-align:left;animation:scene-terminal var(--scene-duration) steps(8,end) infinite}.scene-card__preview[data-preview=unspool] .scene-preview__grid{opacity:.05}.scene-card__preview[data-preview=unspool] .scene-preview__ring{width:108px;height:108px;opacity:.82;border-style:dashed;border-color:var(--scene-c);animation:scene-unspool-ring var(--scene-duration) ease-in-out infinite}.scene-card__preview[data-preview=unspool] .scene-preview__text>span:first-child{max-width:none;font:650 17px/1 "Syne",var(--font-sans);letter-spacing:.03em;animation:scene-unspool var(--scene-duration) ease-in-out infinite}.scene-card__preview[data-preview=particle-cut] .scene-preview__grid{opacity:.04}.scene-card__preview[data-preview=particle-cut] .scene-preview__text{align-items:end;padding-bottom:26px}.scene-card__preview[data-preview=particle-cut] .scene-preview__text>span:first-child{font:850 48px/.85 "Archivo",var(--font-sans);letter-spacing:-.07em;text-shadow:0 0 1px currentColor;animation:scene-particle var(--scene-duration) ease-in-out infinite}.scene-card__preview[data-preview=signal-trace] .scene-preview__grid{opacity:.08}.scene-card__preview[data-preview=signal-trace] .scene-preview__ring{width:76%;height:62px;opacity:.75;border:0;border-top:1px solid var(--scene-c);border-right:1px solid var(--scene-c);border-radius:0;transform:translate(-50%,-50%) skew(-28deg) rotate(-7deg)}.scene-card__preview[data-preview=signal-trace] .scene-preview__text>span:first-child{max-width:none;font:500 11px/1 var(--font-mono);letter-spacing:.09em;animation:scene-trace var(--scene-duration) ease-in-out infinite}.scene-card__preview[data-preview=monolith]{background:radial-gradient(circle at 68% 35%,var(--scene-c),var(--scene-a) 60%)}.scene-card__preview[data-preview=monolith] .scene-preview__text>span:first-child{font-family:"Archivo",var(--font-sans);animation:scene-monolith var(--scene-duration) ease-in-out infinite}.scene-card__preview[data-preview=blueprint] .scene-preview__grid{opacity:.62;background-size:14px 14px}.scene-card__preview[data-preview=blueprint] .scene-preview__text>span:first-child{font-family:"Space Grotesk",var(--font-sans);letter-spacing:.05em;animation:scene-blueprint var(--scene-duration) linear infinite}.scene-card__preview[data-preview=depth-stack] .scene-preview__text>span,.scene-card__preview[data-preview=overprint-register] .scene-preview__text>span{opacity:1}.scene-card__preview[data-preview=depth-stack] .scene-preview__text>span{font-family:"Anybody",var(--font-sans)}.scene-card__preview[data-preview=depth-stack] .scene-preview__text>span:nth-child(1){transform:translate3d(-22px,14px,24px)}.scene-card__preview[data-preview=depth-stack] .scene-preview__text>span:nth-child(2){color:var(--scene-c);transform:translate3d(1px,-1px,-46px) scale(.78)}.scene-card__preview[data-preview=depth-stack] .scene-preview__text>span:nth-child(3){color:var(--scene-c);opacity:.38;transform:translate3d(28px,-18px,-110px) scale(.55)}.scene-card__preview[data-preview=depth-stack] .scene-preview__text{animation:scene-ledger var(--scene-duration) ease-in-out infinite}.scene-card__preview[data-preview=overprint-register] .scene-preview__grid{opacity:.2;background-size:24px 24px}.scene-card__preview[data-preview=overprint-register] .scene-preview__text>span{font-family:"Archivo",var(--font-sans);mix-blend-mode:multiply}.scene-card__preview[data-preview=overprint-register] .scene-preview__text>span:nth-child(1){color:var(--scene-b)}.scene-card__preview[data-preview=overprint-register] .scene-preview__text>span:nth-child(2){color:var(--scene-c);animation:scene-register-b var(--scene-duration) ease-in-out infinite}.scene-card__preview[data-preview=overprint-register] .scene-preview__text>span:nth-child(3){color:color-mix(in srgb,var(--scene-b),var(--scene-c));animation:scene-register-c var(--scene-duration) ease-in-out infinite}@keyframes scene-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scene-index{to{transform:translateY(34px)}}@keyframes scene-crop{0%,to{transform:translate(-24px)}50%{transform:translate(30px)}}@keyframes scene-wall{0%{transform:translate(-46px)}to{transform:translate(46px)}}@keyframes scene-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes scene-moire{to{transform:rotate(180deg) scale(1.35)}}@keyframes scene-terminal{0%,10%,92%,to{opacity:.4;filter:blur(1px)}26%,76%{opacity:1;filter:none}}@keyframes scene-unspool{0%,10%,88%,to{transform:scaleX(1.3)}38%,62%{transform:rotate(-24deg) scale(.72);letter-spacing:.13em}}@keyframes scene-unspool-ring{0%,10%,88%,to{opacity:0;transform:translate(-50%,-50%) scale(.3)}38%,62%{opacity:.55;transform:translate(-50%,-50%) scale(1) rotate(220deg)}}@keyframes scene-particle{0%,8%,92%,to{clip-path:inset(0);filter:none}38%,55%{clip-path:polygon(0 0,100% 0,100% 42%,54% 47%,47% 64%,0 60%);filter:blur(.35px)}}@keyframes scene-trace{0%,to{transform:translate(-92px,27px) rotate(8deg)}50%{transform:translate(91px,-25px) rotate(-7deg)}}@keyframes scene-monolith{0%,18%,88%,to{transform:rotateY(82deg) scaleX(.28)}40%,68%{transform:rotateY(0) scaleX(1)}}@keyframes scene-blueprint{to{transform:rotateY(360deg)}}@keyframes scene-ledger{0%,to{transform:translate(-10px) rotateY(-9deg)}50%{transform:translate(9px) rotateY(5deg)}}@keyframes scene-register-b{0%,to{transform:translate(-2px,1px)}50%{transform:translate(14px,-7px)}}@keyframes scene-register-c{0%,to{transform:translate(2px,-1px)}50%{transform:translate(-14px,7px)}}.reset-confirm{border:var(--border-hard);box-shadow:var(--shadow-hard-lift)}.reset-confirm h2{margin:0;color:var(--color-ink);font:700 var(--text-xl)/1.2 "Space Grotesk",var(--font-sans);letter-spacing:-.025em;text-transform:none}.reset-confirm>p:not(.project-kicker){margin:0;color:var(--color-ink-soft)}@keyframes dashboard-arrive{0%{opacity:0;transform:translateY(8px)}}.settings-menu .top-menu-panel{left:auto;right:0}.menu-hint{margin:var(--space-2) var(--space-2) 2px;color:var(--color-ink-muted);font-size:var(--text-sm)}.lang-tag{display:grid;place-items:center;height:26px;border:1.5px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface-2);font:700 var(--text-meta) var(--font-mono);text-transform:uppercase}.lang-banner{position:fixed;z-index:30;top:calc(56px + var(--space-3));right:var(--space-4);width:320px;display:grid;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:menu-rise .18s cubic-bezier(.2,.8,.2,1)}.lang-banner p{margin:0;padding-right:var(--space-4);font-weight:600}.lang-banner small{color:var(--color-ink-muted);font-size:var(--text-sm)}.lang-banner-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.lang-banner-close{position:absolute;top:var(--space-2);right:var(--space-2)}@media (prefers-reduced-motion: reduce){.lang-banner{animation:none}}.stage{display:grid;grid-template-columns:var(--stack-w, 264px) 5px 1fr 5px var(--inspector-w, 288px);min-height:0}.stack{border-right:1px solid var(--color-line);background:var(--color-surface);overflow-y:auto}.stack-switch{position:sticky;top:0;z-index:2;display:flex;gap:3px;padding:var(--space-2);border-bottom:1px solid var(--color-line);background:var(--color-surface)}.stack-switch button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;height:30px;padding:0 8px;border:1px solid transparent;background:var(--color-surface-2);color:var(--color-ink-soft);box-shadow:none;font:700 var(--text-meta)/1 var(--font-mono);letter-spacing:var(--track-meta);text-transform:uppercase}.stack-switch button:hover{color:var(--color-ink);border-color:var(--color-line-strong)}.stack-switch button.is-active{color:var(--color-ink);background:var(--color-surface);border-color:var(--color-ink);box-shadow:2px 2px 0 var(--color-ink);transform:translate(-1px,-1px)}.stack-switch-icon{display:block;width:11px;height:11px;flex:none;border:1.5px solid currentColor}.stack-switch-icon--text{background:var(--cat-sky)}.stack-switch-icon--background{background:var(--cat-yellow);border-style:dashed}.stack .panel{border-bottom:none}.stack .num{grid-template-columns:78px 1fr auto auto}.stack textarea{font-family:var(--ui);resize:vertical}.viewport{position:relative;display:grid;place-items:center;background:var(--color-stage-bg);color:var(--color-stage-text);overflow:hidden;padding:var(--space-4)}.viewport:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:linear-gradient(var(--color-stage-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-stage-line) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at center,transparent 15%,var(--color-stage-bg) 100%);mask-image:radial-gradient(circle at center,transparent 15%,var(--color-stage-bg) 100%)}.viewport-frame{position:relative;z-index:1;flex:none}.viewport canvas{position:relative;display:block;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-stage-line),0 14px 44px color-mix(in srgb,var(--color-stage-bg) 78%,transparent);touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.viewport--2d canvas,.viewport--2d canvas:active{cursor:default}.viewport--2d .viewport-frame{box-shadow:7px 7px color-mix(in srgb,var(--cat-yellow) 80%,var(--color-stage-bg));border-radius:var(--radius-sm)}.fallback{position:absolute;color:var(--color-accent)}.view2d-bar{position:absolute;z-index:4;top:var(--space-3);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;max-width:calc(100% - 24px);padding:5px;color:var(--color-stage-text);background:color-mix(in srgb,var(--color-stage-surface) 96%,transparent);border:1px solid var(--color-stage-line);border-radius:var(--radius-md);box-shadow:0 5px 20px color-mix(in srgb,var(--color-stage-bg) 50%,transparent)}.view2d-bar button{height:28px;padding:0 9px;color:var(--color-stage-text);background:var(--color-stage-surface);border-color:var(--color-stage-line);font-size:var(--text-sm)}.view2d-bar button.on{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent);box-shadow:none}.view2d-bar output{min-width:42px;text-align:center;color:var(--color-stage-muted);font:var(--text-xs) var(--font-mono)}.view2d-mode{display:flex;align-items:center;gap:7px;padding:0 6px 0 4px;font-size:var(--text-sm);font-weight:700}.view2d-mode>span{width:11px;height:11px;border:1.5px solid currentColor;background:var(--cat-yellow);box-shadow:2px 2px 0 currentColor}.view2d-divider{width:1px;height:19px;margin:0 2px;background:var(--color-stage-line)}.composition-grid,.safe-guides,.composition-axis{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);pointer-events:none}.composition-grid{background-image:linear-gradient(color-mix(in srgb,var(--cat-sky) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--cat-sky) 45%,transparent) 1px,transparent 1px);background-size:12.5% 12.5%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-sky) 65%,transparent)}.composition-axis:before,.composition-axis:after{content:"";position:absolute;background:color-mix(in srgb,var(--cat-yellow) 72%,transparent)}.composition-axis:before{width:1px;inset-block:0;left:50%}.composition-axis:after{height:1px;inset-inline:0;top:50%}.safe-guides{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-mint) 80%,transparent)}.safe-guides i,.safe-guides b{position:absolute;display:block;border:1px dashed var(--cat-mint)}.safe-guides i{top:5%;right:5%;bottom:5%;left:5%}.safe-guides b{top:10%;right:10%;bottom:10%;left:10%}.draw-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.draw-layer polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.draw-guide{stroke:color-mix(in srgb,var(--cat-mint) 70%,transparent);stroke-width:1.5;stroke-dasharray:5 4}.draw-live{stroke:var(--color-accent);stroke-width:2.5}.viewport-frame.is-drawing canvas,.viewport-frame.is-drawing canvas:active{cursor:crosshair}.viewport.previewing .draw-badge{bottom:54px}.viewport.previewing canvas{box-shadow:0 0 0 1px var(--color-accent),0 0 0 5px var(--color-accent-wash)}.preview-badge,.draw-badge{position:absolute;z-index:2;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;margin:0;max-width:calc(100% - 32px);padding:5px 10px 5px 5px;background:color-mix(in srgb,var(--color-stage-surface) 94%,transparent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:0 5px 20px color-mix(in srgb,var(--color-stage-bg) 50%,transparent);font:var(--text-sm) var(--font-mono);color:var(--color-stage-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.preview-badge span,.draw-badge span{flex:none;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);font:700 var(--text-xs)/1.3 var(--font-sans)}.nav-bar{position:absolute;z-index:2;top:var(--space-3);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:5px;color:var(--color-stage-text);background:color-mix(in srgb,var(--color-stage-surface) 94%,transparent);border:1px solid var(--color-stage-line);border-radius:var(--radius-md);box-shadow:0 5px 20px color-mix(in srgb,var(--color-stage-bg) 50%,transparent)}.nav-bar select{width:auto;height:28px;padding:3px 24px 3px 7px;color:var(--color-stage-text);background:var(--color-stage-bg);border-color:var(--color-stage-line);font-family:var(--font-sans)}.nav-bar button{height:28px;color:var(--color-stage-text);background:var(--color-stage-surface);border-color:var(--color-stage-line);font-size:var(--text-sm)}.nav-bar button.on{color:var(--color-on-accent);background:var(--color-accent)}.nav-help{color:var(--color-stage-muted);font:var(--text-xs) var(--font-mono);white-space:nowrap;padding:0 5px}@media (max-width: 720px){.nav-help{display:none}}.inspector{border-left:1px solid var(--color-line);background:var(--color-surface);overflow-y:auto}.workspace-context{display:flex;align-items:center;gap:9px;min-height:46px;padding:7px var(--space-3);border-bottom:1px solid var(--color-line);background:var(--color-surface-2)}.workspace-context>span{width:16px;height:16px;flex:none;border:1.5px solid var(--color-ink)}.workspace-context--2d>span{background:var(--cat-yellow);box-shadow:3px 3px 0 var(--color-ink)}.workspace-context--3d>span{background:var(--cat-sky);transform:rotate(30deg) skewY(-18deg)}.workspace-context--bg>span{background:var(--cat-yellow);border-style:dashed;box-shadow:3px 3px 0 var(--color-ink)}.workspace-context p{display:grid;gap:1px;margin:0;line-height:1.1}.workspace-context strong{font-size:var(--text-sm)}.workspace-context small{color:var(--color-ink-muted);font:var(--text-meta) var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.tabs{display:flex;border-bottom:1px solid var(--color-line);position:sticky;top:0;z-index:2;background:var(--color-surface)}.tabs button{flex:1;border:none;border-radius:0;background:none;height:36px;padding:0 4px;font-size:var(--text-sm)}.tabs button.on{color:var(--focus);box-shadow:inset 0 -2px 0 var(--focus)}.panel{padding:var(--space-3);border-bottom:1px solid var(--color-line)}.panel h2{color:var(--color-ink-muted);font:700 var(--text-meta)/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:var(--track-meta);margin:0 0 var(--space-2)}.panel>*+*{margin-top:8px}.hint{color:var(--color-ink-soft);font-size:var(--text-sm);margin:0}.presets{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.presets button{min-height:36px;height:auto;border:1.5px solid var(--color-line-strong);background:var(--color-surface)}.presets button:not(:disabled):hover{border-color:var(--color-ink);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--color-ink)}.shape-motion-presets button:first-child{grid-column:1 / -1;min-height:30px}.layout-presets button{min-height:32px}.stack-paused{display:flex;align-items:center;gap:7px;margin:0 0 var(--space-3);padding:7px 8px;color:var(--color-ink-soft);border:1px dashed var(--color-line-strong);border-radius:var(--radius-sm);font-size:var(--text-xs)}.stack-paused span{width:8px;height:8px;border:1px solid currentColor;background:var(--cat-yellow)}.check{display:flex;gap:8px;align-items:center;font-size:var(--text-sm)}.check input{width:auto}.presets button,.add-control,.check{position:relative}.presets button.on{box-shadow:inset 0 -2px 0 var(--focus);font-weight:600}.source-confirm{animation:source-confirm .76s cubic-bezier(.16,1,.3,1)}.source-confirm:after{content:"✓";position:absolute;z-index:3;top:-7px;right:-6px;display:grid;place-items:center;width:18px;height:18px;border-radius:var(--radius-circle);color:var(--color-on-accent);background:var(--color-accent);box-shadow:0 3px 12px color-mix(in srgb,var(--color-accent) 42%,transparent);font:700 var(--text-xs)/1 var(--font-sans);pointer-events:none;animation:confirm-mark .76s cubic-bezier(.16,1,.3,1) both}@keyframes source-confirm{25%{border-color:var(--signal);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--signal) 55%,transparent)}}@keyframes confirm-mark{0%{opacity:0;transform:scale(.35) rotate(-18deg)}24%,78%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.75)}}.num{display:grid;grid-template-columns:84px 1fr auto auto;align-items:center;gap:6px}.num-label{color:var(--color-ink-soft);font-size:var(--text-sm);cursor:ew-resize;-webkit-user-select:none;user-select:none}.unit{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.diamond{width:14px;height:14px;padding:0;border-radius:0;background:none;border:1px solid var(--slate);transform:rotate(45deg)}.diamond.animated{border-color:var(--signal)}.diamond.on{background:var(--signal);border-color:var(--signal)}.mod{position:relative;border:var(--border-hard);border-radius:var(--radius-md);margin:0 5px var(--space-4) 0;background:var(--color-surface);box-shadow:var(--shadow-hard);transition:border-color var(--duration-ui) ease,box-shadow var(--duration-ui) ease,opacity var(--duration-ui) ease,transform var(--duration-ui) ease}.mod.off{opacity:.62}.mod:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--color-ink)}.mod-head{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) 6px;border-bottom:1px solid var(--color-line)}.mod-head button{background:none;border:none;padding:2px 5px}.mod-name{flex:1;text-align:left;font-weight:600;font-size:var(--text-sm);display:flex;align-items:center;gap:6px}.mod-body{padding:6px 8px 8px;display:grid;gap:6px}.mod-body .num{grid-template-columns:96px 1fr auto auto}.mod-collapse{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .18s ease,visibility 0s linear .28s}.mod-collapse.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .36s cubic-bezier(.16,1,.3,1),opacity .22s ease 40ms,visibility 0s}.mod-collapse-inner{min-height:0;overflow:hidden}.drag-handle{width:20px;min-width:20px;height:26px;cursor:grab;color:var(--color-ink-muted);touch-action:none}.drag-handle:hover,.drag-handle:focus-visible{color:var(--color-accent)}.drag-handle:active{cursor:grabbing}.drag-handle svg{display:block;width:10px;height:16px;margin:auto;fill:currentColor}.mod.is-dragging{opacity:.32;border-style:dashed}.mod.drop-before{box-shadow:0 -3px 0 var(--focus),0 -7px 16px color-mix(in srgb,var(--focus) 28%,transparent)}.mod.drop-after{box-shadow:0 3px 0 var(--focus),0 7px 16px color-mix(in srgb,var(--focus) 28%,transparent)}.mod.is-new{animation:stack-arrival 1.5s cubic-bezier(.16,1,.3,1) both;overflow:clip}.mod.is-new:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 22%,color-mix(in srgb,var(--focus) 18%,transparent) 48%,transparent 72%);transform:translate(-120%);animation:stack-scan .82s 90ms ease-out both}.mod-new{margin-left:auto;padding:1px 5px;border-radius:var(--radius-pill);color:var(--color-on-accent);background:var(--color-accent);font:var(--text-meta)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}@keyframes stack-arrival{0%{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus),0 0 24px color-mix(in srgb,var(--focus) 32%,transparent)}72%{border-color:var(--focus);box-shadow:0 0 0 1px color-mix(in srgb,var(--focus) 35%,transparent)}to{border-color:var(--slate);box-shadow:none}}@keyframes stack-scan{to{transform:translate(120%)}}.mod-tag{color:var(--color-ink-muted);font:var(--text-meta) var(--font-mono);letter-spacing:.04em;border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);padding:0 5px;font-weight:500;text-transform:uppercase}.mod-fixed{width:13px;height:13px;border-radius:var(--radius-sm);background:var(--slate);flex:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.timeline{border-top:1px solid var(--color-line);background:var(--color-surface);height:var(--timeline-h, auto);max-height:var(--timeline-h, 38vh);display:flex;flex-direction:column}.transport{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-line)}.transport .num{grid-template-columns:48px 72px}.timecode{font-family:var(--font-mono);color:var(--color-accent);min-width:72px;font-weight:700}.loop-toggle{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono)}.loop-toggle.on{border-color:var(--color-accent);background:var(--color-surface-2);font-weight:700}.loop-check{font-size:var(--text-xs)}.lanes{overflow-y:auto;padding-bottom:8px}.ruler-row,.track-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:8px;padding:0 12px;height:28px}.track-name{color:var(--color-ink-soft);font-size:var(--text-sm);display:flex;justify-content:space-between;align-items:center;overflow:hidden;white-space:nowrap}.lane{position:relative;height:22px;background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);touch-action:none}.lane.ruler{cursor:col-resize}.tick{position:absolute;top:3px;color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-meta);transform:translate(2px);border-left:1px solid var(--color-line-strong);padding-left:3px}.playhead{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--signal);pointer-events:none}.playhead.thin{opacity:.4}.kf{position:absolute;top:4px;width:12px;height:12px;margin-left:-6px;padding:0;transform:rotate(45deg);border-radius:0;background:var(--signal);border:1px solid var(--signal);touch-action:none}.kf[data-interp=linear]{background:var(--focus);border-color:var(--focus)}.kf[data-interp=hold]{background:none}@media (max-width: 1180px){.stage{grid-template-columns:var(--stack-w, 216px) 5px 1fr 5px var(--inspector-w, 260px)}.stack .num{grid-template-columns:66px 1fr auto auto}}@media (max-width: 900px){.topbar{gap:var(--space-1);padding-inline:var(--space-2)}.topbar button,.topbar .filebtn{padding-inline:var(--space-2)}.brand{width:16px;overflow:hidden;color:transparent;font-size:var(--text-meta)}.brand:before{flex:none}.brand-button{width:34px;padding-inline:var(--space-2)}.projname{width:min(140px,18vw)}.stage{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.stage .splitter{display:none}.stack{max-height:34vh;border-right:none;border-top:1px solid var(--slate);order:3}.inspector{max-height:40vh;border-left:none;border-top:1px solid var(--slate);order:2}.viewport{order:1}.project-dashboard__body{padding:var(--space-6) var(--space-4) var(--space-10)}.project-dashboard__header{padding-inline:var(--space-4)}.project-dashboard__header .brand{width:auto;color:var(--color-ink)}.project-dashboard__header .brand-button{width:auto}.project-dashboard__opening{grid-template-columns:1fr;align-items:start;gap:var(--space-5)}.creator-note{max-width:520px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5)}.preset-library__header{align-items:start;flex-direction:column}.scene-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 560px){.project-dashboard__header{gap:var(--space-2)}.project-dashboard__header .project-dashboard__rule{display:none}.project-dashboard__actions{flex:1;justify-content:flex-end;gap:var(--space-2)}.project-dashboard__actions .coffee{width:var(--control-h);justify-content:center;padding:0}.project-dashboard__actions .coffee__label{display:none}.project-dashboard__new{padding-inline:var(--space-2)}.creator-note{align-items:flex-start;padding:var(--space-4)}.creator-note__avatar{width:64px;height:64px;flex-basis:64px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);display:grid;place-items:center;z-index:50}.sheet{width:min(420px,92vw);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-3);box-shadow:var(--shadow-lg)}.sheet header{display:flex;align-items:center;gap:8px}.sheet h2{color:var(--color-ink-muted);font:700 var(--text-meta)/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:var(--track-meta);margin:0;flex:1}.sheet label{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:8px;font-size:var(--text-sm)}.sheet label .mono{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.sheet .hint{margin:-4px 0 0;font-size:var(--text-xs)}.sheet footer{display:flex;align-items:center;gap:8px;border-top:1px solid var(--slate);padding-top:12px}.sheet footer .status{flex:1;font-size:var(--text-xs)}.sheet progress{width:90px}.contact-sheet{width:min(520px,92vw)}.contact-topics{display:grid;gap:var(--space-2)}.contact-topics button{display:grid;gap:2px;text-align:left;height:auto;padding:8px 10px;border:1px solid var(--color-line)}.contact-topics button.is-selected{border-color:var(--focus);box-shadow:inset 2px 0 0 var(--focus)}.contact-topics button.is-selected strong:before{content:"✓ "}.contact-topics small{color:var(--color-ink-muted);font-size:var(--text-xs)}.contact-sheet label.contact-message{grid-template-columns:1fr;align-items:start}.contact-sheet textarea{width:100%;resize:vertical;font:inherit;padding:8px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:inherit}.contact-done{margin:0;font-size:var(--text-sm)}