:root{--ink:#0b0d10;--bay:#14171d;--rail:#1a1e26;--rule:#262c36;--rule-lit:#38404e;--paper:#e8ecf3;--haze:#79839a;--signal:#ffd400;--tool:#7b7cff;--alarm:#ff6b6b;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--radius:10px;--gutter:18px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ink);color:var(--paper);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--tool);outline-offset:2px}.num,.field-label em,.nudge em,.counts,.saved,.tp-count{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:.92em}.app{flex-direction:column;height:100%;display:flex}.bar{border-bottom:1px solid var(--rule);background:var(--bay);flex:none;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.bar-spacer{flex:1}.brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.brand-mark{background:var(--signal);border-radius:2px;width:6px;height:16px}.project-name{background:var(--rail);width:200px;color:var(--paper);font:inherit;border:1px solid #0000;border-radius:8px;padding:6px 9px;font-size:13px}.project-name:hover{border-color:var(--rule)}.project-name:focus{border-color:var(--tool);outline:none}.saved{color:var(--haze);white-space:nowrap;font-size:11px}.open-project{width:auto;min-width:132px}.onboard{flex:1;place-items:center;min-height:0;padding:40px 24px;display:grid;overflow-y:auto}.onboard-card{background:var(--bay);border:1px solid var(--rule);border-radius:16px;width:100%;max-width:520px;padding:30px 30px 24px}.onboard-card h1{font-family:"Anton", var(--sans);text-transform:uppercase;letter-spacing:.005em;margin:0 0 10px;font-size:clamp(32px,5vw,46px);font-weight:400;line-height:.96}.onboard-card h1 em{color:var(--signal);font-style:normal}.lede{color:var(--haze);margin:0 0 22px;font-size:13.5px}.foot{border-top:1px solid var(--rule);margin-top:18px;padding-top:14px}.pick-row{flex-direction:column;gap:8px;display:flex}.pick{background:var(--rail);border-color:var(--rule);width:100%;font-weight:600}.pick:hover{border-color:var(--rule-lit)}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 344px;min-height:0;display:grid}.stage{min-width:0;min-height:0;padding:18px var(--gutter);flex-direction:column;gap:14px;display:flex}.preview{flex:1;min-height:0;position:relative}.preview canvas{--sq:14px;border-radius:var(--radius);border:1px solid var(--rule);background-color:#171a21;background-image:linear-gradient(45deg,#101318 25%,#0000 25% 75%,#101318 75%),linear-gradient(45deg,#101318 25%,#0000 25% 75%,#101318 75%);background-size:calc(var(--sq) * 2) calc(var(--sq) * 2);background-position:0 0, var(--sq) var(--sq);max-width:100%;max-height:100%;margin:auto;display:block;position:absolute;inset:0}.console{background:var(--bay);border:1px solid var(--rule);border-radius:12px;flex:none;padding:10px 12px 8px}.transport{align-items:center;gap:11px;display:flex}.tp-play{background:var(--rail);border-color:var(--rule);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;font-size:11px;line-height:1;display:grid}.tp-play:hover{border-color:var(--rule-lit);color:var(--paper)}.tp-track{cursor:pointer;touch-action:none;flex:1;min-width:0;height:22px;position:relative}.tp-track:before{content:"";background:var(--rule);border-radius:2px;position:absolute;inset:9px 0}.tp-fill{background:var(--signal);border-radius:2px;position:absolute;inset:9px auto 9px 0}.tp-knob{background:var(--signal);pointer-events:none;border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;position:absolute;top:50%}.tp-clock{color:var(--haze);white-space:nowrap;flex:none;font-size:11px}.ribbon{scrollbar-width:thin;scrollbar-color:var(--rule-lit) transparent;gap:5px;padding:8px 2px 4px;display:flex;overflow:auto hidden}.ribbon::-webkit-scrollbar{height:6px}.ribbon::-webkit-scrollbar-thumb{background:var(--rule-lit);border-radius:3px}.chip{background:var(--rail);color:var(--haze);font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:7px;flex:none;align-items:center;gap:5px;padding:5px 9px;font-size:12.5px;line-height:1.35;transition:background 90ms linear,color 90ms linear;display:inline-flex}.chip:hover{color:var(--paper);border-color:var(--rule-lit)}.chip.hit{color:var(--paper)}.chip.edited{border-color:var(--tool)}.chip.live{background:var(--signal);color:#14161c;border-color:#0000;font-weight:600}.chip.selected{box-shadow:0 0 0 2px var(--tool)}.chip-emoji{font-size:13px}.chip-thumb{background:0 0;width:15px;height:15px}.inspector{background:var(--bay);border-left:1px solid var(--rule);flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--rule);flex:none;gap:0;padding:0 6px;display:flex}.tabs button{min-width:0;color:var(--haze);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:13px 2px 11px;font-size:10.5px}.tabs button:hover{color:var(--paper)}.tabs button.on{color:var(--paper);border-bottom-color:var(--tool)}.inspector-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule-lit) transparent;flex:1;min-height:0;padding-bottom:32px;overflow-y:auto}.inspector-body::-webkit-scrollbar{width:8px}.inspector-body::-webkit-scrollbar-thumb{background:var(--rule-lit);border-radius:4px}.group{border-bottom:1px solid var(--rule);padding:16px var(--gutter)}.group:last-child{border-bottom:0}.group-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--haze);margin:0 0 12px;font-size:10.5px;font-weight:500}.group-body>:first-child{margin-top:0}.field{margin-bottom:13px;display:block}.field:last-child{margin-bottom:0}.field-label{color:var(--haze);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.field-label em{color:var(--paper);font-size:11px;font-style:normal}input[type=file],select,textarea{background:var(--rail);width:100%;color:var(--paper);border:1px solid var(--rule);font:inherit;border-radius:8px;padding:8px 10px;font-size:13px}select:focus,textarea:focus{border-color:var(--tool);outline:none}input[type=range]{width:100%;accent-color:var(--tool);height:18px}.field-color .field-label em{font-family:var(--mono);text-transform:uppercase}input[type=color]{background:var(--rail);border:1px solid var(--rule);cursor:pointer;border-radius:7px;width:100%;height:28px;padding:2px}button{border:1px solid var(--rule);background:var(--rail);color:var(--paper);font:inherit;cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px}button:hover{border-color:var(--rule-lit)}button:disabled{opacity:.4;cursor:default}button.ghost{color:var(--haze);background:0 0}button.ghost:hover{color:var(--paper)}button.danger{color:var(--alarm);background:0 0;border-color:#45272c}button.danger:hover{background:#2a1a1d}.primary{background:var(--tool);color:#0b0d16;border-color:#0000;width:100%;margin-top:12px;font-weight:600}.primary:hover{background:#8f90ff;border-color:#0000}.primary:disabled{background:var(--rail);color:var(--haze)}.segmented{gap:3px;display:flex}.segmented button{background:var(--rail);border-radius:7px;flex:1;padding:7px 4px;font-size:11.5px}.segmented button.on{background:var(--tool);color:#0b0d16;border-color:#0000;font-weight:600}.field.toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.field.toggle .field-label{margin:0}.switch{flex:none;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch-track{background:var(--rule);border-radius:10px;width:34px;height:20px;transition:background .12s}.switch-track:after{content:"";background:var(--haze);border-radius:50%;width:14px;height:14px;transition:transform .12s,background .12s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:color-mix(in srgb, var(--tool) 45%, transparent)}.switch input:checked+.switch-track:after{background:var(--tool);transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--tool);outline-offset:2px}.presets{grid-template-columns:1fr 1fr;gap:6px;display:grid}.presets button{padding:9px 6px;font-size:11.5px}.hint{color:var(--haze);margin:7px 0 0;font-size:12px}.coverage{margin:0 0 11px}.warn{color:#f0b429;margin:7px 0 0;font-size:12px;line-height:1.45}.meter{background:var(--rule);border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.meter div{background:var(--tool);height:100%;transition:width .12s linear}.toast{z-index:10;color:#ffc9c9;background:#1e1417;border:1px solid #45272c;border-radius:10px;align-items:center;gap:14px;max-width:min(560px,100vw - 32px);padding:11px 12px 11px 15px;font-size:12.5px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000080}.toast span{flex:1}.we-row{align-items:center;gap:8px;display:flex}.we-text{background:var(--rail);min-width:0;color:var(--paper);border:1px solid var(--rule);font:inherit;border-radius:8px;flex:1;padding:9px 11px;font-size:15px;font-weight:600}.we-text:focus{border-color:var(--tool);outline:none}.we-now{align-items:center;gap:11px;margin-bottom:12px;display:flex}.we-current{background:var(--rail);border:1px solid var(--rule);border-radius:9px;flex:none;place-items:center;width:42px;height:42px;font-size:24px;line-height:1;display:grid}.we-meta{flex-direction:column;flex:1;min-width:0;display:flex}.we-meta strong{font-size:13px;font-weight:600}.we-meta .hint{margin:0;font-size:11.5px}.we-actions{gap:5px;display:flex}.we-actions button{padding:5px 9px;font-size:11.5px}.we-quick{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.we-quick button,.we-grid button{background:var(--rail);border-radius:8px;place-items:center;width:38px;height:38px;padding:3px;font-size:20px;display:grid}.we-quick button.on,.we-grid button.on{border-color:var(--tool);background:#21223a}.we-search{background:var(--rail);width:100%;color:var(--paper);border:1px solid var(--rule);font:inherit;border-radius:8px;padding:8px 10px;font-size:13px}.we-search:focus{border-color:var(--tool);outline:none}.we-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:5px;max-height:190px;margin-top:8px;padding:2px;display:grid;overflow-y:auto}.we-grid .hint{grid-column:1/-1}.we-timing{flex-wrap:wrap;gap:10px 22px;display:flex}.we-timing label{flex:120px;min-width:0;display:block}.we-timing .field-label{margin-bottom:5px}.nudge{align-items:center;gap:5px;display:inline-flex}.nudge button{padding:3px 9px;font-size:14px;line-height:1.2}.nudge em{text-align:center;flex:1;min-width:44px;font-size:12.5px;font-style:normal}.we-ops{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.we-ops button{flex:1;min-width:0;padding:6px;font-size:11.5px}.we-ops button:disabled{opacity:.35;cursor:not-allowed}.we-footer{padding:14px var(--gutter) 0;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.we-footer button{font-size:12px}.we-footer button:first-child{margin-right:auto}.timeline{margin:6px 0 0}.timeline canvas{touch-action:none;background:#ffffff06;border-radius:8px;width:100%;display:block}.timeline .hint{font-size:11px}button.record{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.dot{background:var(--alarm);border-radius:50%;flex:none;width:8px;height:8px}.dot.live{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.recorder{flex-direction:column;gap:8px;display:flex}.meter{background:var(--rule);border-radius:3px;height:6px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, #6fcf97, var(--signal) 70%, var(--alarm));height:100%;transition:width 60ms linear}.recorder-row{align-items:center;gap:8px;display:flex}.elapsed{font-family:var(--mono);font-variant-numeric:tabular-nums;align-items:center;gap:7px;margin-right:auto;font-size:12.5px;display:flex}.recorder-row .primary{width:auto;margin:0}.transcript-panel{flex-direction:column;display:flex}textarea.transcript{resize:vertical;margin-top:8px;line-height:1.55}.transcript-row{align-items:center;gap:8px;display:flex}.transcript-row .primary{margin-top:10px}.export-panel{flex-direction:column;display:flex}.matte-row{gap:7px;display:flex}.matte{cursor:pointer;border:2px solid #0000;border-radius:7px;width:26px;height:26px;padding:0;box-shadow:inset 0 0 0 1px #ffffff24}.matte.on{border-color:var(--tool)}.tp-intro{margin:0 0 12px}.tp-phrase{background:var(--rail);border:1px solid var(--rule);width:100%;color:var(--paper);font:inherit;border-radius:8px;padding:9px 11px;font-size:14px;font-weight:600}.tp-phrase:focus{border-color:var(--tool);outline:none}.tp-assets{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;display:flex}.tp-asset{display:inline-flex;position:relative}.tp-pick{background:var(--rail);border-radius:8px;place-items:center;width:42px;height:42px;padding:4px;display:grid}.tp-pick:disabled{opacity:.4;cursor:not-allowed}.tp-pick:not(:disabled):hover,.tp-pick.on{border-color:var(--tool)}.tp-thumb{object-fit:contain;background:repeating-conic-gradient(#2a2f3a 0% 25%,#202530 0% 50%) 50%/9px 9px;border-radius:4px;max-width:100%;max-height:100%}.tp-remove{background:var(--bay);border:1px solid var(--rule);width:18px;height:18px;color:var(--haze);opacity:0;border-radius:50%;place-items:center;padding:0;font-size:12px;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.tp-asset:hover .tp-remove,.tp-remove:focus-visible{opacity:1}.tp-remove:hover{color:var(--alarm);border-color:var(--alarm)}.tp-upload{height:42px;padding:0 12px;font-size:12px}.tp-list{margin:14px 0 0;padding:0;list-style:none}.tp-list li{border-top:1px solid var(--rule);align-items:center;gap:10px;padding:7px 0;display:flex}.tp-list li.off{opacity:.45}.tp-preview{place-items:center;width:24px;height:24px;font-size:19px;line-height:1;display:grid}.tp-name{text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.tp-count{color:var(--haze);white-space:nowrap;font-size:11px}.tp-list input[type=checkbox]{accent-color:var(--tool);width:15px;height:15px}.tp-list .ghost{border:0;padding:2px 8px;font-size:15px;line-height:1}@media (pointer:coarse){input,select,textarea{font-size:16px}.chip{padding:9px 12px}.tabs button{padding:16px 2px 14px}.nudge button{min-width:32px;height:34px}.we-ops button{padding:10px 6px}.tp-list .ghost{padding:6px 10px}.matte{width:30px;height:30px}}@media (width<=1000px) and (width>=721px){.workspace{grid-template-columns:minmax(0,1fr) 300px}:root{--gutter:14px}}@media (height<=560px) and (width>=721px){.app{height:100dvh}.stage{padding:10px var(--gutter);gap:10px}.console{padding:8px 10px 4px}.saved,.brand{display:none}.bar{height:44px}}@media (width<=720px){:root{--gutter:12px}.app{height:100dvh}.workspace{grid-template-rows:minmax(44dvh,1fr) auto;grid-template-columns:1fr}.stage{padding:12px var(--gutter) 0;gap:10px}.console{padding:8px 10px 4px}.bar{gap:8px;padding:0 10px}.bar:has(.project-name) .brand{gap:0;font-size:0}.bar:has(.project-name) .brand-mark{margin-right:2px}.saved,.counts{display:none}.project-name{flex:40%;width:auto;min-width:0}.open-project{flex:0 34%;width:auto;min-width:0}.bar .ghost{flex:none;padding:7px 10px}.transport audio{height:40px}.ribbon{touch-action:pan-x;padding-bottom:6px}.sheet{border-left:0;border-top:1px solid var(--rule);min-height:0;padding-bottom:env(safe-area-inset-bottom,0px)}.sheet .tabs{padding:0 2px}.sheet .inspector-body{max-height:52dvh}.sheet:not([data-open]) .inspector-body{display:none}.sheet-toggle{width:34px;color:var(--haze);background:0 0;border:0;border-radius:0;flex:none;padding:0;font-size:11px}.we-grid,.we-quick{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}}.chip{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}