:root{--bg: #0a0908;--bg-1: #100f0d;--bg-2: #161513;--bg-3: #1d1b18;--line: #2a2621;--line-soft: #1f1c18;--ink: #ece5d8;--ink-dim: #a2988a;--ink-faint: #6d6459;--amber: #f0a63c;--amber-hot: #ffc36b;--amber-soft: rgba(240, 166, 60, .12);--ok: #79d99a;--warn: #e5bd55;--err: #e4705f;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;--radius: 6px;--shadow: 0 18px 40px -28px rgba(0, 0, 0, .9)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1100px 520px at 26% -12%,#191510,#0a090800 62%),radial-gradient(900px 600px at 92% -6%,#1a1410,#0a090800 55%),var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.55;background-image:repeating-linear-gradient(0deg,#ffffff04 0,#ffffff04 1px,#fff0 1px,#fff0 3px),radial-gradient(120% 90% at 50% 50%,#0000 55%,#00000061)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#26221d;border-radius:8px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#38322a}.app{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;overflow:hidden}.demo-banner-wrap{min-height:0}.stage{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(300px,360px);gap:1px;background:var(--line);min-height:0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.center-col{display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--line);gap:1px;min-height:0;overflow:hidden}.panel{background:var(--bg);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,#121110,var(--bg));position:sticky;top:0;z-index:3}.panel-head h2{margin:0;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:8px}.panel-head h2:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}.panel-meta{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 16px;background:linear-gradient(180deg,#0d0c0a,#0a0908)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{color:var(--amber);font-size:20px;line-height:1;text-shadow:0 0 18px rgba(240,166,60,.7);animation:brand-glow 5s ease-in-out infinite}@keyframes brand-glow{0%,to{opacity:.75}50%{opacity:1}}.brand-text h1{margin:0;font-size:17px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.brand-text h1 em{font-style:normal;color:var(--amber)}.brand-text p{margin:1px 0 0;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.statusbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.status-item{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--line-soft);border-radius:999px;background:#0e0d0b;font-family:var(--mono);font-size:10px;letter-spacing:.04em}.status-button:hover{border-color:#3a332a}.status-item .k{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.status-item .v{color:var(--ink-dim)}.v-count{color:var(--amber-hot)!important;font-weight:700}.dot{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);flex:0 0 auto}.dot-ok{background:var(--ok);box-shadow:0 0 8px #79d99acc}.dot-warn{background:var(--warn);box-shadow:0 0 8px #e5bd55b3}.dot-err{background:var(--err);box-shadow:0 0 8px #e4705fcc}.panel-board{border-right:0}.board-scroll{padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.empty-board{border:1px dashed var(--line);border-radius:var(--radius);padding:20px 14px;text-align:left}.empty-title{margin:0 0 6px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.empty-body{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--ink-faint)}.ghost-button{border:1px solid var(--line);border-radius:4px;padding:5px 10px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);background:var(--bg-1)}.ghost-button:hover{border-color:var(--amber);color:var(--amber-hot)}.slate{background:linear-gradient(180deg,#131210,#0e0d0b);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;box-shadow:var(--shadow)}.slate:hover{border-color:#3b342b;transform:translateY(-1px)}.slate.is-selected{border-color:var(--amber);box-shadow:0 0 0 1px #f0a63c40,0 14px 34px -22px #f0a63ccc}.slate-top{display:flex;align-items:center;gap:8px;padding:6px 9px;border-bottom:1px dashed var(--line-soft);font-family:var(--mono);font-size:9.5px;letter-spacing:.1em}.slate-no{color:var(--amber);font-weight:700}.slate-mode{color:var(--ink-dim);text-transform:uppercase}.status-word{margin-left:auto;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-size:9px}.status-running,.status-queued{color:var(--amber)}.slate-running .status-word{animation:blink 1.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:.45}50%{opacity:1}}.status-done{color:var(--ok)}.status-error{color:var(--err)}.slate-thumb{position:relative;aspect-ratio:16 / 9;background:#050505;overflow:hidden;border-bottom:1px solid var(--line-soft)}.thumb-media{width:100%;height:100%;object-fit:cover;display:block}.thumb-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#453d33;background:repeating-linear-gradient(45deg,#0a0908 0,#0a0908 9px,#0c0b0a 9px,#0c0b0a 18px)}.thumb-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(240,166,60,.16),transparent);animation:scan 2.2s linear infinite}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#0009}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--amber-hot));transition:width .6s ease}.slate-foot{padding:7px 9px 8px;display:grid;gap:3px}.camline{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}.slate-prompt{font-size:12px;line-height:1.35;color:var(--ink-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slate-prompt em{color:var(--ink-faint)}.slate-error{font-family:var(--mono);font-size:10px;color:var(--err)}.panel-rig{transition:box-shadow .4s ease}.panel-rig.is-flash{box-shadow:inset 0 0 0 1px var(--amber),inset 0 0 60px -20px #f0a63c80}.rig-scroll{padding:12px 12px 20px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;min-height:0}.field-label{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px}.field-hint{color:#4c453c;letter-spacing:.04em}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.segment{background:var(--bg-1);color:var(--ink-dim);padding:8px 2px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;transition:background .15s ease,color .15s ease}.segment:hover{background:var(--bg-2);color:var(--ink)}.segment.is-active{background:linear-gradient(180deg,#f0a63c2e,#f0a63c0d);color:var(--amber-hot);box-shadow:inset 0 -2px 0 var(--amber)}.move-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.move{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 2px 5px;background:var(--bg-1);border:1px solid var(--line);border-radius:5px;color:#5a5145;transition:color .15s ease,border-color .15s ease,background .15s ease}.move span{font-family:var(--mono);font-size:8px;line-height:1.15;letter-spacing:.01em;text-align:center;color:var(--ink-faint)}.move:hover{border-color:#3a332a;color:var(--ink-dim)}.move.is-active{border-color:var(--amber);color:var(--amber-hot);background:linear-gradient(180deg,#f0a63c29,#f0a63c08);box-shadow:0 0 16px -6px #f0a63cd9}.move.is-active span{color:var(--amber-hot)}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.chip{border:1px solid var(--line);background:var(--bg-1);color:var(--ink-dim);border-radius:999px;padding:4px 10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;transition:all .14s ease}.chip:hover{border-color:#3d362c;color:var(--ink)}.chip.is-active{border-color:var(--amber);color:var(--amber-hot);background:var(--amber-soft)}.chip.is-busy{animation:blink 1s ease-in-out infinite}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prompt{width:100%;resize:vertical;min-height:62px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:9px 10px;font-family:var(--sans);font-size:13px;line-height:1.45;transition:border-color .15s ease,box-shadow .15s ease}.prompt::placeholder{color:#4c453c}.prompt:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px #f0a63c1f}.drop-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drop-row.single{grid-template-columns:1fr}.dropzone{position:relative;border:1px dashed var(--line);border-radius:var(--radius);background:var(--bg-1);min-height:76px;display:grid;place-items:center;overflow:hidden;transition:border-color .15s ease,background .15s ease}.dropzone:hover{border-color:#453c30}.dropzone.is-over{border-color:var(--amber);background:#f0a63c12}.drop-empty{display:grid;gap:2px;justify-items:center;padding:10px;text-align:center}.drop-plus{font-family:var(--mono);font-size:17px;color:var(--amber);line-height:1}.drop-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.drop-hint{font-family:var(--mono);font-size:8.5px;color:var(--ink-faint)}.dropzone.has-media{border-style:solid}.drop-thumb{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16 / 9}.drop-clear{position:absolute;left:6px;right:6px;bottom:6px;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:#0000009e;border-radius:3px;padding:2px 5px}.icon-button{color:var(--ink-dim);font-size:14px;line-height:1;padding:0 3px}.icon-button:hover{color:var(--err)}.source-shot{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg-1);border-radius:var(--radius);padding:8px 10px;font-family:var(--mono);font-size:10px;color:var(--ink-dim)}.source-id{color:var(--amber)}.source-cam{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}.source-shot .ghost-button{margin-left:auto}.source-empty{font-family:var(--mono);font-size:10px;color:var(--ink-faint)}.rig-error,.rig-hint{font-family:var(--mono);font-size:10.5px;line-height:1.4;border-radius:4px;padding:7px 9px}.rig-error{color:var(--err);background:#e4705f14;border:1px solid rgba(228,112,95,.35)}.rig-hint{color:var(--warn);background:#e5bd5512;border:1px solid rgba(229,189,85,.25)}.render-button{margin-top:2px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 14px;border-radius:var(--radius);background:linear-gradient(180deg,#ffc76d,#e3902a);color:#1a1206;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 14px 30px -18px #f0a63cf2;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}.render-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 18px 36px -16px #f0a63c}.render-button:active:not(:disabled){transform:translateY(0)}.render-button:disabled{background:var(--bg-2);color:var(--ink-faint);box-shadow:none}.render-meta{font-size:8.5px;font-weight:500;letter-spacing:.1em;opacity:.72;text-transform:uppercase}.panel-monitor{min-height:0}.monitor-body{padding:12px 14px 14px;display:grid;gap:12px;overflow-y:auto;min-height:0}.frame{position:relative;aspect-ratio:16 / 9;max-height:46vh;margin:0 auto;width:100%;background:#050505;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 80px -30px #000,0 20px 50px -40px #f0a63c80}.frame-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;display:block}.frame-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:#453d33;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:20px}.frame-overlay{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:6px;pointer-events:none}.frame-tag{background:#000000a8;border:1px solid var(--line);color:var(--ink-dim);padding:2px 7px;border-radius:3px;font-family:var(--mono);font-size:9px;letter-spacing:.14em}.frame-tag-grade{color:var(--amber-hot);border-color:var(--amber)}.frame-progress{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--amber-hot);background:#000000a8;padding:2px 7px;border-radius:3px}.monitor-controls{display:grid;gap:10px}.grade-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.control-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.grade-chip{font-size:10px;padding:3px 8px}.strength{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-family:var(--mono);font-size:9px;color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase}.strength input[type=range]{width:78px;accent-color:var(--amber);height:14px}.strength-value{color:var(--ink-dim);min-width:30px;text-align:right}.monitor-actions{display:flex;align-items:center;gap:12px;min-width:0}.action-button{border:1px solid var(--line);background:var(--bg-1);color:var(--ink-dim);border-radius:4px;padding:6px 12px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:all .14s ease}.action-button:hover:not(:disabled){border-color:var(--amber);color:var(--amber-hot);background:var(--amber-soft)}.action-button:disabled{opacity:.4}.compiled{font-family:var(--mono);font-size:10px;color:var(--ink-faint);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.panel-timeline{border-top:1px solid var(--line)}.timeline-head-right{display:flex;align-items:center;gap:12px}.cut-button{border-color:#f0a63c73;color:var(--amber-hot)}.sequence-line{padding:5px 12px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink-faint);border-bottom:1px solid var(--line-soft);text-transform:uppercase}.seq-done{color:var(--ok)}.seq-error{color:var(--err)}.seq-running,.seq-submitted{color:var(--amber)}.timeline-track{display:flex;gap:8px;padding:10px 12px 12px;overflow-x:auto;overflow-y:hidden;align-items:stretch;min-height:104px}.timeline-empty{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);align-self:center;padding-left:2px}.cut{position:relative;width:124px;flex:0 0 auto;background:var(--bg-1);border:1px solid var(--line);border-radius:5px;overflow:hidden;cursor:grab;transition:border-color .14s ease,transform .14s ease;display:flex;flex-direction:column}.cut:hover{border-color:#3d362c;transform:translateY(-1px)}.cut.is-selected{border-color:var(--amber)}.cut.is-over{border-color:var(--amber-hot);box-shadow:0 0 0 2px #f0a63c40}.cut.is-dragging{opacity:.4}.cut-thumb{aspect-ratio:16 / 9;background:#070706;display:grid;place-items:center;color:#453d33;overflow:hidden}.cut-thumb img,.cut-thumb video{width:100%;height:100%;object-fit:cover;display:block}.cut-index{position:absolute;top:3px;left:3px;z-index:2;background:#000000b8;border-radius:3px;padding:0 4px;font-family:var(--mono);font-size:9px;color:var(--amber)}.cut-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 6px;font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.cut-status{font-size:8px}.cut-move{position:absolute;top:2px;right:2px;display:none;gap:2px;z-index:2}.cut:hover .cut-move,.cut:focus-within .cut-move{display:flex}.cut-move button{background:#000000b8;color:var(--ink-dim);border-radius:3px;width:16px;height:16px;line-height:1;font-size:11px}.cut-move button:hover{color:var(--amber-hot)}.panel-feed{height:196px;border-top:1px solid var(--line)}.feed-head h2:before{background:var(--ok);box-shadow:0 0 10px var(--ok)}.feed-scroll{overflow-y:auto;min-height:0;flex:1}.feed-empty{margin:0;padding:14px 14px 16px;font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--ink-faint);max-width:720px}.feed-list{list-style:none;margin:0;padding:0}.feed-row{display:grid;grid-template-columns:62px 52px 132px minmax(0,1fr) minmax(0,1.15fr);gap:10px;align-items:baseline;padding:5px 12px;border-bottom:1px solid var(--line-soft);font-family:var(--mono);font-size:10.5px}.feed-row:hover{background:var(--bg-1)}.feed-error{background:#e4705f0e}.feed-time{color:#554e44}.actor{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;text-align:center;border-radius:3px;padding:1px 4px}.actor-agent{background:#f0a63c24;color:var(--amber-hot)}.actor-you{background:#79d99a1f;color:var(--ok)}.feed-tool{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-args,.feed-result{color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-result{color:var(--ink-dim)}.glyph{display:block;overflow:visible}.glyph g{transform-box:fill-box;transform-origin:center}@keyframes g-pulse{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes g-punch{0%,to{transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes g-punch-out{0%,to{transform:translate(2px)}50%{transform:translate(-2px)}}@keyframes g-slide-left{0%{transform:translate(3px)}to{transform:translate(-3px)}}@keyframes g-slide-right{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes g-sway-l{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes g-sway-r{0%,to{transform:rotate(6deg)}50%{transform:rotate(-6deg)}}@keyframes g-rise{0%,to{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes g-fall{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@keyframes g-spin{to{transform:rotate(360deg)}}@keyframes g-wobble{0%,to{transform:rotate(-3deg)}25%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(3deg)}}@keyframes g-focus{0%,to{opacity:.45}50%{opacity:1}}.glyph-pulse g{animation:g-pulse 2.6s ease-in-out infinite}.glyph-punch g{animation:g-punch 1.9s ease-in-out infinite}.glyph-punch-fast g{animation:g-punch .85s ease-in-out infinite}.glyph-punch-out g{animation:g-punch-out 1.9s ease-in-out infinite}.glyph-slide-left g{animation:g-slide-left 1.7s ease-in-out infinite alternate}.glyph-slide-right g{animation:g-slide-right 1.7s ease-in-out infinite alternate}.glyph-sway-left g{animation:g-sway-l 2.6s ease-in-out infinite}.glyph-sway-right g{animation:g-sway-r 2.6s ease-in-out infinite}.glyph-sway-fast g{animation:g-sway-r .8s ease-in-out infinite}.glyph-rise g{animation:g-rise 1.9s ease-in-out infinite}.glyph-fall g{animation:g-fall 1.9s ease-in-out infinite}.glyph-spin-left g{animation:g-spin 9s linear infinite}.glyph-spin-right g{animation:g-spin 9s linear infinite reverse}.glyph-wobble g{animation:g-wobble 1.15s ease-in-out infinite}.glyph-focus g{animation:g-focus 2.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.glyph g,.thumb-scan,.brand-mark,.slate-running .status-word,.chip.is-busy{animation:none!important}}@media (max-width: 1240px){.stage{grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(286px,330px)}.move-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 980px){.app{height:auto;min-height:100dvh;overflow:auto}.stage{display:flex;flex-direction:column;overflow:visible}.center-col{display:flex;flex-direction:column}.panel,.panel-feed{height:auto;max-height:none}.board-scroll,.rig-scroll{overflow:visible}.move-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-feed{height:200px}.feed-row{grid-template-columns:54px 46px minmax(0,1fr)}.feed-args,.feed-result{grid-column:1 / -1;white-space:normal}.topbar{flex-direction:column;align-items:flex-start;gap:8px}.statusbar{justify-content:flex-start}}@media (max-width: 560px){.move-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-up,.drop-row{grid-template-columns:1fr}.frame{max-height:none}.brand-text h1{font-size:15px}.status-vocab{display:none}}.gear-button{gap:5px;color:var(--ink-dim)}.gear-button svg{opacity:.75;transition:transform .22s ease,opacity .16s ease}.gear-button:hover svg{opacity:1;transform:rotate(38deg)}.gear-warn,.gear-warn .v{color:var(--warn)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;justify-content:flex-end;background:#0404039e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:drawer-fade .14s ease-out}.drawer{width:min(400px,100%);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#14120f,#0c0b0a 62%);border-left:1px solid var(--line);box-shadow:-26px 0 60px -30px #000;animation:drawer-slide .18s cubic-bezier(.22,.7,.3,1)}@keyframes drawer-fade{0%{opacity:0}}@keyframes drawer-slide{0%{transform:translate(26px);opacity:.4}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--line-soft)}.drawer-head h2{margin:0;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}.drawer-sub{margin:4px 0 0;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--ink-faint)}.draw-close{font-size:18px;line-height:1;padding:2px 4px}.drawer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:16px}.drawer-body .field{display:flex;flex-direction:column;gap:6px}.drawer-explain{margin:0;padding:9px 11px;border:1px solid rgba(240,166,60,.3);border-left:2px solid var(--amber);border-radius:4px;background:var(--amber-soft);color:var(--ink);font-size:12px;line-height:1.45}.drawer-explain-warn{border-color:#e5bd5547;border-left-color:var(--warn);background:#e5bd5514;color:var(--ink-dim)}.drawer-hint{font-family:var(--mono);font-size:9.5px;letter-spacing:.03em;line-height:1.5;color:var(--ink-faint)}.text-input{width:100%;border:1px solid var(--line);border-radius:4px;padding:8px 10px;background:#0a0908;color:var(--ink);font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.text-input:focus{border-color:var(--amber);box-shadow:0 0 0 2px #f0a63c24}.text-input::placeholder{color:var(--ink-faint)}.key-input{letter-spacing:.22em}.key-link{align-self:flex-start;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--amber);text-decoration:none;border-bottom:1px dotted rgba(240,166,60,.45)}.key-link:hover{color:var(--amber-hot);border-bottom-color:var(--amber-hot)}.test-result{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);font-family:var(--mono);font-size:10.5px;line-height:1.4;color:var(--ink-dim)}.test-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--ink-faint)}.test-ok{border-color:#79d99a66;color:var(--ok)}.test-ok .test-dot{background:var(--ok);box-shadow:0 0 9px var(--ok)}.test-error{border-color:#e4705f6b;color:var(--err)}.test-error .test-dot{background:var(--err);box-shadow:0 0 9px var(--err)}.test-testing .test-dot{background:var(--amber);animation:test-pulse .9s ease-in-out infinite}@keyframes test-pulse{50%{opacity:.25}}.drawer-saved,.drawer-error{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.03em;line-height:1.5}.drawer-saved{color:var(--ok)}.drawer-error{color:var(--err)}.drawer-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,#0000,#00000040)}.drawer-save{border-color:#f0a63c80;color:var(--amber-hot)}.engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.engine{display:flex;flex-direction:column;gap:2px;padding:7px 8px;text-align:left;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);cursor:pointer;transition:border-color .14s ease,background .14s ease}.engine:hover{border-color:#3d362c}.engine.is-active{border-color:var(--amber);background:var(--amber-soft)}.engine-name{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--ink-dim)}.engine.is-active .engine-name{color:var(--amber-hot)}.engine-hint{font-size:9.5px;line-height:1.35;color:var(--ink-faint)}.slate-engine{font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;padding:1px 5px;border-radius:3px;border:1px solid rgba(240,166,60,.28);color:var(--amber);background:#f0a63c12}.timeline-head-right{display:flex;align-items:center;gap:10px;min-width:0}.music-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 8px;background:var(--bg-1);color:var(--ink-faint);font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.music-toggle:hover{color:var(--ink-dim);border-color:#3d362c}.music-toggle.is-active{color:var(--amber-hot);border-color:#f0a63c8c;background:var(--amber-soft)}.music-toggle-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);transition:background .14s ease,box-shadow .14s ease}.music-toggle.is-active .music-toggle-dot{background:var(--amber);box-shadow:0 0 8px var(--amber)}.music-bed{display:flex;flex-direction:column;gap:9px;padding:10px 12px 12px;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,#f0a63c0b,#f0a63c00 70%),var(--bg-1)}.music-track-row{display:flex;align-items:center;gap:9px;min-width:0}.music-pick{flex:0 0 auto}.music-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:10.5px;color:var(--ink)}.music-dur{font-family:var(--mono);font-size:10px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.bpm-field{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:0 0 auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.bpm-field input{width:54px;border:1px solid var(--line);border-radius:4px;padding:4px 6px;background:#0a0908;color:var(--amber-hot);font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;outline:none}.bpm-field input:focus{border-color:var(--amber)}.waveform{display:block;width:100%;height:96px;border:1px solid var(--line-soft);border-radius:4px;background:#080807}.music-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--ink-faint)}.music-beat-sum{color:var(--ink-dim)}.music-warn{color:var(--warn)}.music-cut-row{display:flex;align-items:center;gap:10px}.music-cut-button{border-color:#f0a63c8c;background:var(--amber-soft);color:var(--amber-hot)}.music-cut-button:hover:not(:disabled){background:#f0a63c33}.music-cut-hint{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:var(--ink-faint);font-variant-numeric:tabular-nums}.music-result{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg-2);font-family:var(--mono);font-size:10px;line-height:1.45;color:var(--ink-dim)}.music-result-text{min-width:0}.music-result.tone-ok{border-color:#79d99a61;background:#79d99a0f;color:var(--ok)}.music-result.tone-warn{border-color:#e5bd5566;background:#e5bd5512;color:var(--warn)}.music-result.music-error{border-color:#e4705f66;color:var(--err)}.music-open{flex:0 0 auto;text-transform:lowercase;letter-spacing:.04em}.music-error{font-family:var(--mono);font-size:10px;line-height:1.45;color:var(--err)}.cut.is-beat{width:auto;min-width:76px;flex-shrink:1;transition:flex-grow .18s ease}.cut-beats{display:flex;align-items:center;gap:2px;padding:3px 7px 4px;border-top:1px solid var(--line-soft);font-family:var(--mono);font-size:9px;color:var(--ink-faint);cursor:text}.cut-beats input{width:32px;border:1px solid transparent;border-radius:3px;padding:1px 2px;background:transparent;color:var(--amber-hot);font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums;outline:none}.cut-beats input:hover{border-color:var(--line)}.cut-beats input:focus{border-color:var(--amber);background:#0a0908}@media (max-width: 720px){.timeline-head-right{gap:6px}.panel-timeline .panel-head{flex-wrap:wrap}.waveform{height:72px}.engine-grid{grid-template-columns:1fr}}.demo-banner{display:flex;align-items:center;gap:12px;padding:7px 16px;background:#f0a63c1a;border-bottom:1px solid rgba(240,166,60,.34);font-family:var(--mono);font-size:10.5px}.demo-tag{flex:0 0 auto;padding:2px 7px;border:1px solid rgba(240,166,60,.55);border-radius:3px;background:#f0a63c24;color:var(--amber-hot);font-size:9px;letter-spacing:.14em}.demo-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;color:var(--ink)}.demo-line{color:var(--ink-dim);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-actions{flex:0 0 auto;display:flex;gap:8px;align-items:center}.demo-actions .ghost-button,.demo-actions .action-button{padding:5px 11px;font-size:9.5px}.demo-agent{border-color:#f0a63c8c;background:var(--amber-soft);color:var(--amber-hot)}.demo-agent:hover:not(:disabled){background:#f0a63c33}.connect-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;justify-content:center;align-items:flex-start;padding:clamp(14px,5vh,56px) 16px;overflow-y:auto;background:#050403cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.connect-card{width:min(680px,100%);padding:22px 22px 16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#14120f,#0b0a09 62%);box-shadow:0 36px 90px -36px #000}.connect-brand{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-dim)}.connect-brand em{font-style:normal;color:var(--amber-hot)}.connect-card h2{margin:12px 0 6px;font-size:20px;font-weight:600;letter-spacing:-.01em}.connect-lede{max-width:60ch;margin:0 0 14px;font-size:12.5px;line-height:1.55;color:var(--ink-dim)}.conn-panel{display:flex;flex-direction:column;gap:10px}.conn-current{display:flex;align-items:baseline;gap:8px;font-family:var(--mono);font-size:10px;color:var(--ink-faint)}.conn-current-value{color:var(--ink-dim);overflow-wrap:anywhere}.conn-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.conn-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.conn-preset{display:flex;flex-direction:column;gap:4px;padding:10px 11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-1);text-align:left;transition:border-color .12s ease,background .12s ease}.conn-preset:hover{border-color:#3a332c}.conn-preset.is-active{border-color:#f0a63cbf;background:var(--amber-soft)}.conn-preset-name{font-size:12.5px;color:var(--ink)}.conn-preset.is-active .conn-preset-name{color:var(--amber-hot)}.conn-preset-hint{font-family:var(--mono);font-size:9.5px;line-height:1.4;color:var(--ink-faint)}.conn-field{display:flex;flex-direction:column;gap:5px}.conn-input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:#080706;color:var(--ink);font-family:var(--mono);font-size:11.5px}.conn-input:focus{outline:none;border-color:var(--amber)}.conn-hint{margin:0;font-family:var(--mono);font-size:10px;line-height:1.6;color:var(--ink-faint)}.conn-hint code{color:var(--amber-hot)}.conn-result{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg-2);font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--ink-dim)}.conn-result.conn-ok{border-color:#79d99a66;background:#79d99a12;color:var(--ok)}.conn-result.conn-error{border-color:#e4705f66;background:#e4705f0f;color:var(--err)}.conn-ok .test-dot{background:var(--ok);box-shadow:0 0 9px var(--ok)}.conn-error .test-dot{background:var(--err);box-shadow:0 0 9px var(--err)}.conn-probing .test-dot{background:var(--amber);animation:test-pulse .9s ease-in-out infinite}.conn-error{margin:0;font-family:var(--mono);font-size:10.5px;color:var(--err)}.conn-saved{margin:0;font-family:var(--mono);font-size:10.5px;color:var(--ok)}.conn-steps{border:1px solid var(--line);border-radius:4px;background:var(--bg-1)}.conn-steps summary{padding:8px 10px;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--ink-dim)}.conn-steps pre{margin:0;padding:0 10px 8px;overflow-x:auto;font-family:var(--mono);font-size:10.5px;line-height:1.65;color:var(--ink)}.conn-note{margin:0;padding:0 10px 10px;font-family:var(--mono);font-size:9.5px;line-height:1.6;color:var(--warn)}.conn-start{display:grid;gap:8px}.conn-render-on{display:flex;gap:6px}.conn-render-choice{padding:6px 12px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink-dim);font-family:var(--mono);font-size:11px;cursor:pointer}.conn-render-choice.active{border-color:var(--accent, var(--warn));color:var(--ink)}.conn-start-row{display:flex;align-items:stretch;gap:8px;min-width:0}.conn-start-cmd{flex:1;min-width:0;padding:10px 12px;overflow-x:auto;white-space:nowrap;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);font-family:var(--mono);font-size:12px;color:var(--ink);-webkit-user-select:all;user-select:all}.conn-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px}.conn-apply{border-color:#f0a63c8c;background:var(--amber-soft);color:var(--amber-hot)}.conn-apply:hover:not(:disabled){background:#f0a63c33}.drawer-conn{padding:10px 11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-1)}.drawer-conn-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.drawer-conn-head h3{margin:0;font-size:12px;font-weight:600;letter-spacing:.02em}@media (max-width: 640px){.conn-preset-grid{grid-template-columns:1fr}.demo-banner{flex-wrap:wrap;gap:8px}.demo-text{flex-basis:100%}.demo-line{white-space:normal;overflow:visible;text-overflow:clip}.demo-actions{margin-left:auto}.connect-card{padding:18px 14px 14px}.connect-card h2{font-size:18px}}