@font-face{font-family:Outfit;src:url(/fonts/ui/outfit.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/ui/literata.woff2)format("woff2");font-weight:400 500;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/ui/firacode.woff2)format("woff2");font-weight:400 500;font-display:swap}:root{--font-display:"Outfit", ui-sans-serif, system-ui, sans-serif;--font-ui:"Inter", ui-sans-serif, system-ui, sans-serif;--font-read:"Literata", Georgia, serif;--font-mono:"Fira Code", ui-monospace, Menlo, monospace;--r-pill:999px;--brand-1:#8b5cf6;--brand-2:#6366f1;--brand-soft:#8b5cf626;--topbar-h:56px;--timeline-h:174px}:root[data-palette=teal]{--brand-1:#14b8a6;--brand-2:#0891b2;--brand-soft:#14b8a626}:root[data-palette=lime]{--brand-1:#a3e635;--brand-2:#22c55e;--brand-soft:#a3e63526}html.dark{--bg:#000;--card:#161616;--card-2:#1c1c1c;--stage:#0b0b0b;--line:#262626;--line-2:#333;--text:#f4f4f4;--dim:#a6a6a6;--faint:#949494}html:not(.dark){--bg:#f7f7f5;--card:#fff;--card-2:#fafaf9;--stage:#ececea;--line:#e9e9e6;--line-2:#dededa;--text:#161616;--dim:#5b5b58;--faint:#6e706c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}body.page{overflow:auto}#root{flex-direction:column;height:100vh;display:flex}body.page #root{height:auto;min-height:100vh}.topbar,.warnbar{flex:none}#edit.screen.on{flex-direction:column;flex:1;min-height:0;display:flex}button{color:inherit;font-family:inherit}button:disabled{opacity:.42;cursor:not-allowed}.spacer{flex:1}:focus-visible{outline:2px solid var(--brand-1);outline-offset:2px}.topbar{background:var(--card);border-bottom:1px solid var(--line);height:var(--topbar-h);z-index:50;align-items:center;gap:12px;padding:10px 15px;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:0;font-size:19px;font-weight:600;display:flex}.logo .bars{align-items:flex-end;gap:2.5px;height:20px;display:flex}.logo .bars i{background:linear-gradient(180deg, var(--brand-1), var(--brand-2));border-radius:2px;width:3px;display:block}.crumb{color:var(--faint);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13.5px}.crumb b{color:var(--text);font-weight:500}.crumb:hover b{color:var(--brand-1)}.btn{border-radius:var(--r-pill);border:1px solid var(--line-2);cursor:pointer;background:0 0;padding:8px 15px;font-size:13px;font-weight:500}.btn:hover:not(:disabled){border-color:var(--brand-1)}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--brand-1), var(--brand-2));box-shadow:0 6px 18px -8px var(--brand-1);border:0;font-weight:600}.icon-btn{cursor:pointer;width:36px;height:36px;color:var(--dim);background:0 0;border:0;border-radius:8px;place-items:center;font-size:19px;line-height:1;display:grid}.icon-btn:hover{color:var(--text);background:var(--card-2)}.palettes{gap:6px;display:flex}.sw{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px}.sw[aria-pressed=true]{border-color:var(--text)}.sw.teal{background:linear-gradient(135deg,#14b8a6,#0891b2)}.sw.violet{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.sw.lime{background:linear-gradient(135deg,#a3e635,#22c55e)}.fps{font-family:var(--font-mono);color:var(--faint);border:1px solid var(--line-2);border-radius:5px;padding:2px 7px;font-size:10.5px}.fps.warn{color:#fbbf24;border-color:#fbbf24}.navtabs{gap:4px;display:flex}.navtab{border-radius:var(--r-pill);color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;padding:7px 14px;font-size:13px;font-weight:500}.navtab[aria-selected=true]{background:var(--card-2);border-color:var(--line-2);color:var(--text)}.shell{flex:1;grid-template-columns:62px 380px 6px minmax(0,1fr) 6px 400px;min-height:0;display:grid}.splitter{background:var(--line);z-index:4;position:relative}.splitter-col{cursor:col-resize;touch-action:none}.splitter-row{cursor:row-resize;touch-action:none;flex:none;height:6px}.splitter:after{content:"";position:absolute;inset:0}.splitter-col:after{inset-inline:-4px}.splitter-row:after{inset-block:-4px}.splitter:hover,.splitter:focus-visible{background:var(--brand-1);outline:none}.rail{background:var(--card);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:2px;padding:8px 0;display:flex;overflow:auto}.rail button{cursor:pointer;width:48px;color:var(--faint);background:0 0;border:0;border-radius:9px;justify-items:center;gap:4px;padding:8px 0;font-size:8.5px;display:grid}.rail button svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.rail button:hover{color:var(--text);background:var(--card-2)}.rail button[aria-pressed=true]{color:var(--brand-1);background:var(--brand-soft)}.col{background:var(--card);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow:hidden}.col.last{border-right:0}.panel-body{flex:1;min-height:0;overflow-y:auto}.panel-body::-webkit-scrollbar{width:9px;height:9px}.col-body::-webkit-scrollbar{width:9px;height:9px}.tlwrap::-webkit-scrollbar{width:9px;height:9px}.panel-body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px}.col-body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px}.tlwrap::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px}.col-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:11px 14px;display:flex}.col-head h2{letter-spacing:.11em;text-transform:uppercase;color:var(--dim);margin:0;font-size:11px;font-weight:600}.col-body{flex:1;min-height:0;padding:5px 7px 18px;overflow:auto}.chars{border-bottom:1px solid var(--line);color:var(--dim);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:flex}.chars input{min-width:150px;accent-color:var(--brand-1);flex:150px}.chars .note{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;flex:1 0 100%;min-width:0;margin:0;font-size:10px;overflow:hidden}.chars b{font-family:var(--font-mono);color:var(--text);font-size:11px;font-weight:400}.spk-head{align-items:center;gap:6px;padding:12px 9px 6px;font-size:12px;font-weight:600;display:flex}.spk-head i{background:currentColor;border-radius:50%;width:8px;height:8px}.spk-head span{color:var(--faint);font-size:10.5px;font-weight:400}.cue{cursor:text;border:1px solid #0000;border-radius:8px;grid-template-columns:56px 1fr 56px;align-items:start;gap:9px;padding:8px 9px;display:grid}.cue:hover{background:var(--card-2)}.cue.active{background:var(--brand-soft);border-color:var(--brand-1)}.cue .t{font-family:var(--font-mono);color:var(--faint);cursor:inherit;text-align:left;background:0 0;border:0;padding-top:3px;font-size:10px}.cue .t.end{text-align:right}.cue .txt{font-family:var(--font-read);color:inherit;resize:none;white-space:pre;scrollbar-width:none;background:0 0;border:0;outline:none;width:100%;padding:0;font-size:14px;line-height:1.45;overflow:auto hidden}.cue .txt::-webkit-scrollbar{display:none}.cue .txt:focus{box-shadow:inset 0 -2px 0 var(--brand-1)}.cue .over{color:#fbbf24}.cuespk{font-family:var(--font-ui);color:var(--dim);background:var(--card-2);border:1px solid var(--line-2);cursor:pointer;border-radius:6px;margin-top:5px;padding:2px 5px;font-size:10.5px}.cuerow{align-items:center;gap:6px;display:flex}.cue{position:relative}.cue-x{width:20px;height:20px;font-size:10.5px;position:absolute;bottom:5px;right:5px}.transcript-tools{gap:6px;padding:8px 10px 0;display:flex}.transcript{font-family:var(--font-read);padding:8px 10px;font-size:14.5px;line-height:1.7}.transcript p{margin:0 0 14px}.transcript .who{font-family:var(--font-ui);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.transcript button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0 2px 0 0}.transcript button.active{background:var(--brand-soft);box-shadow:0 0 0 2px var(--brand-soft);border-radius:3px}.spk-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.spk-row i{border-radius:50%;flex:none;width:12px;height:12px}.spk-row span{color:var(--faint);font-size:11px;font-family:var(--font-mono)}.spk-block{border-bottom:1px solid var(--line)}.spk-block .spk-row{border-bottom:0;padding-bottom:4px}.spk-colors{flex-wrap:wrap;align-items:center;gap:6px;padding:0 10px 10px 32px;display:flex}.spk-colors .col-sw{border-radius:5px;width:19px;height:19px}.chip.small{padding:3px 7px;font-size:10px}.chip:disabled{opacity:.42;cursor:not-allowed}.stage{background:var(--stage);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;position:relative}.stage-top{flex:none;align-items:center;gap:7px;padding:8px 12px;display:flex}.mini{border:1px solid var(--line-2);background:var(--card);cursor:pointer;color:var(--dim);border-radius:7px;padding:5px 9px;font-size:11px}.mini:hover:not(:disabled){color:var(--text);border-color:var(--brand-1)}.mini[aria-pressed=true]{color:var(--brand-1);border-color:var(--brand-1);background:var(--brand-soft)}.canvas{flex:1;place-items:center;min-height:0;padding:2px 8px 4px;display:grid}.preview{background:#12161c;border-radius:8px;position:relative;overflow:hidden}.preview .frame{background:radial-gradient(120% 70% at 50% 0,#243044 0%,#141a24 55%,#0d1118 100%);position:absolute;inset:0}.preview video{width:100%;height:100%;position:absolute;inset:0}.preview .sub-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.caption-box{cursor:grab;touch-action:none;border:1px solid #ffffff38;border-radius:3px;position:absolute}.caption-box:hover{background:#ffffff0a;border-color:#ffffff8c}.preview.dragging .caption-box{cursor:grabbing;border-color:var(--brand-1);background:#4da3ff14}.guide{pointer-events:none;z-index:3;background:#ff3b30;position:absolute}.guide.v{width:1px;top:0;bottom:0}.guide.h{height:1px;left:0;right:0}.safe{pointer-events:none;border:1px dashed #ffffff59;position:absolute}.safe:after{content:attr(data-label);letter-spacing:.08em;color:#ffffff8c;font-size:8px;font-family:var(--font-mono);position:absolute;top:2px;left:4px}.stage-note{color:var(--faint);text-align:center;pointer-events:none;z-index:5;padding:3px 12px;font-size:10.5px;position:absolute;bottom:2px;left:0;right:0}.stage-warn{color:var(--warn,#d9a03f)}.subtabs{border-bottom:1px solid var(--line);flex:none;gap:3px;padding:9px 12px;display:flex}.subtab{color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:7px 4px;font-size:11.5px;font-weight:500}.subtab[aria-selected=true]{background:var(--brand-soft);border-color:var(--brand-1);color:var(--brand-1)}.field{border-bottom:1px solid var(--line);padding:14px 16px}.field h3{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 8px;font-size:10.5px;font-weight:600}.select{border:1px solid var(--line-2);background:var(--card-2);width:100%;color:var(--text);font-family:var(--font-ui);cursor:pointer;border-radius:8px;padding:8px 10px;font-size:12.5px}.bar .select.mini{border-radius:7px;width:110px;padding:5px 9px;font-size:11px}.cards{gap:7px;padding-bottom:3px;display:flex;overflow:auto}.pcard{border:1px solid var(--line-2);text-align:center;cursor:pointer;color:#fff;background:#12161c;border-radius:9px;flex:none;place-items:center;width:94px;height:68px;padding:5px;font-size:10px;font-weight:700;line-height:1.15;display:grid}.pcard[aria-pressed=true]{border-color:var(--brand-1);box-shadow:0 0 0 2px var(--brand-soft)}.pname{color:var(--faint);text-align:center;margin-top:4px;font-size:9.5px}.ctl{margin-bottom:12px}.ctl:last-child{margin-bottom:0}.ctl label{color:var(--dim);justify-content:space-between;align-items:baseline;margin:0 0 6px;font-size:11.5px;display:flex}.ctl label b{font-family:var(--font-mono);color:var(--text);font-size:10.5px;font-weight:400}input[type=range]{width:100%;accent-color:var(--brand-1);height:20px;margin-block:-8.5px}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{cursor:pointer;border:1px solid var(--line-2);background:var(--card-2);color:var(--dim);border-radius:7px;padding:5px 9px;font-size:11px}.chip[aria-pressed=true]{border-color:var(--brand-1);background:var(--brand-soft);color:var(--brand-1)}.colors{align-items:center;gap:6px;display:flex}.col-sw{cursor:pointer;width:23px;height:23px;box-shadow:inset 0 0 0 1px var(--line-2);border:2px solid #0000;border-radius:6px;padding:0}.col-sw[aria-pressed=true]{border-color:var(--text)}input[type=color]{border:1px solid var(--line-2);background:var(--card-2);cursor:pointer;border-radius:6px;width:26px;height:26px;padding:0}.row2{gap:7px;display:flex}.pos{grid-template-columns:repeat(3,1fr);gap:5px;width:104px;display:grid}.pos button{aspect-ratio:1;border:1px solid var(--line-2);background:var(--card-2);cursor:pointer;border-radius:6px}.pos button[aria-pressed=true]{background:var(--brand-1);border-color:var(--brand-1)}.toggle{color:var(--text);justify-content:space-between;align-items:center;padding:7px 0;font-size:12.5px;display:flex}.tg{border:1px solid var(--line-2);background:var(--card-2);cursor:pointer;border-radius:999px;flex:none;width:36px;height:20px;position:relative}.tg:after{content:"";background:var(--faint);border-radius:50%;width:14px;height:14px;transition:all .16s;position:absolute;top:2px;left:2px}.tg[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand-1)}.tg[aria-pressed=true]:after{background:var(--brand-1);left:18px}.note{color:var(--faint);font-size:12.5px;line-height:1.6}.tlpanel{height:var(--timeline-h);background:var(--card);border-top:1px solid var(--line);flex-direction:column;flex:none;min-height:min-content;display:flex}.bar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:4px 13px;display:flex}.play{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--brand-1), var(--brand-2));border:0;border-radius:8px;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.tc{font-family:var(--font-mono);color:var(--dim);font-size:11px}.tc b{color:var(--text);font-weight:400}.hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--faint);flex:1;padding-left:4px;font-size:10px;overflow:hidden}.tlwrap{flex:1;position:relative;overflow:auto hidden}.tlinner{min-width:100%;height:100%;padding:0 0 8px;position:relative}.ruler{border-bottom:1px solid var(--line);height:19px;font-family:var(--font-mono);color:var(--faint);font-size:9px;position:relative}.ruler span{position:absolute;top:5px;transform:translate(-50%)}.ruler b{background:var(--line);width:1px;position:absolute;top:0;bottom:0}.lane{height:38px;margin-top:16px;position:relative}.wave{background:var(--card-2);border-radius:6px;align-items:flex-end;gap:1px;height:34px;margin-top:16px;padding:2px 3px;display:flex;position:relative;overflow:hidden}.wave i{background:linear-gradient(180deg, var(--brand-1), var(--brand-2));opacity:.62;border-radius:1px;flex:1 1 0;min-width:1px}.wave-note{color:var(--faint);align-self:center;margin:0;padding-left:8px;font-size:10px}.lane-lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:9px;position:absolute;top:-15px;left:6px}.sub{cursor:grab;background:var(--brand-soft);border:1px solid var(--brand-1);white-space:nowrap;height:38px;color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;align-items:center;padding:0 9px;font-size:10.5px;display:flex;position:absolute;top:0;overflow:hidden}.sub.sel{box-shadow:0 0 0 2px var(--brand-1);z-index:3}.sub:active{cursor:grabbing}.sub .h{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.sub .h.l{border-radius:6px 0 0 6px;left:0}.sub .h.r{border-radius:0 6px 6px 0;right:0}.sub .h:hover{background:var(--brand-1);opacity:.55}.needle{background:var(--brand-1);z-index:5;pointer-events:none;width:1.5px;position:absolute;top:19px;bottom:0}.needle:before{content:"";background:var(--brand-1);border-radius:2px;width:9px;height:9px;position:absolute;top:-6px;left:-4px}.snapline{z-index:4;background:#fbbf24;width:1px;position:absolute;top:19px;bottom:0}.screen{display:none}.screen.on{display:block}.wrap{max-width:1080px;margin:0 auto;padding:26px 22px 70px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px}.pad{padding:18px}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 11px;font-size:11px;font-weight:600}.search{border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line);width:min(430px,100%);color:var(--text);font-family:var(--font-ui);margin-bottom:18px;padding:13px 18px;font-size:14px}.search::placeholder{color:var(--faint)}.fgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.fcard{background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:left;color:var(--text);font-family:var(--font-ui);border-radius:14px;flex-direction:column;gap:12px;padding:16px 16px 14px;transition:border-color .15s;display:flex;position:relative}.fcard:hover{border-color:var(--line-2)}.fcard.on{border-color:var(--brand-1);background:linear-gradient(180deg, var(--brand-soft), var(--card) 70%)}.fcard .ftop{align-items:center;gap:10px;display:flex}.fcard .ftop>svg{width:30px;height:30px;color:var(--dim);flex:none}.fcard .fname{font-family:var(--font-display);font-size:15px;font-weight:600}.fcard .fmeta{color:var(--faint);font-size:12px}.fcard.on .fmeta{color:var(--dim)}.fpeek{gap:6px;height:44px;display:flex}.fpeek i{background:linear-gradient(150deg, var(--card-2), var(--stage));border:1px solid var(--line);border-radius:5px;flex:none;width:26px}.fpeek i.more{color:var(--faint);background:var(--card-2);place-items:center;font-size:10px;font-style:normal;display:grid}.fpeek.empty{color:var(--faint);align-items:center;font-size:12px}.fdots{width:26px;height:26px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:15px;display:grid;position:absolute;top:10px;right:10px}.fdots:hover{background:var(--card-2);color:var(--text)}.fmenu{background:var(--card-2);border:1px solid var(--line-2);z-index:3;border-radius:10px;width:160px;padding:5px;position:absolute;top:40px;right:10px;box-shadow:0 10px 30px #00000059}.fmenu button{text-align:left;width:100%;font-family:var(--font-ui);color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 11px;font-size:12.5px;display:block}.fmenu button:hover{background:var(--card);color:var(--text)}.fmenu button.danger{color:#f87171}.fhint{color:var(--faint);padding:2px 11px 6px;font-size:10.5px}.fcard.new{border-style:dashed;border-color:var(--line-2);color:var(--dim);background:0 0;justify-content:center;align-items:center;gap:8px;min-height:118px}.fplus{border-radius:var(--r-pill);background:var(--card-2);border:1px solid var(--line-2);place-items:center;width:34px;height:34px;font-size:17px;display:grid}.folder-name{width:100%;min-width:0;font-family:var(--font-ui);padding:6px 10px;font-size:12.5px}.row{background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;border-radius:16px;align-items:center;gap:16px;margin-bottom:11px;padding:15px 18px;transition:border-color .15s,transform .15s;display:flex}.row:hover{border-color:var(--brand-1);transform:translateY(-1px)}.rowwrap{position:relative}.rowwrap .row{padding-bottom:30px}.rowtools{align-items:center;gap:6px;display:flex;position:absolute;bottom:9px;right:12px}.row-x{border:1px solid var(--line-2);background:var(--card);width:24px;height:24px;color:var(--faint);cursor:pointer;border-radius:50%;place-items:center;font-size:12px;line-height:1;transition:color .15s,border-color .15s;display:grid}.row-x:hover{color:#f87171;border-color:#f8717180}.confirm-chip{color:var(--dim);background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-pill);align-items:center;gap:6px;padding:3px 6px 3px 12px;font-size:12px;display:flex}.chip.danger{color:#f87171;border-color:#f8717166}.authpage{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.authcard{background:var(--card);border:1px solid var(--line);border-radius:18px;gap:14px;width:min(380px,100%);padding:30px 28px;display:grid}.authsub{text-align:center;color:var(--dim);margin:0;font-size:13px}.authlabel{color:var(--faint);margin-bottom:4px;font-size:12px;display:block}.authcard .inp{width:100%}.authswap{color:var(--brand-1);cursor:pointer;background:0 0;border:none;padding:2px;font-size:12.5px}.dropzone{border:1.5px dashed var(--line-2);text-align:center;cursor:pointer;border-radius:12px;padding:22px 16px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.over{border-color:var(--brand-1);background:var(--brand-soft)}.dropzone.busy{cursor:default}.dropzone .prog{max-width:420px;margin:12px auto 4px}.dz-title{font-size:14.5px;font-weight:500}.dz-sub{color:var(--faint);margin-top:4px;font-size:12px}.ingest-row{flex-wrap:wrap;align-items:end;gap:16px;margin-top:12px;display:flex}.ingest-field{color:var(--dim);gap:5px;font-size:11.5px;display:grid}.ingest-field .inp{width:130px;font-family:var(--font-ui);font-size:13px}.ingest-field .select{border-radius:9px;width:180px;padding:9px 11px;font-size:13px}html.dark .ingest-field .inp[type=number]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html:not(.dark) .ingest-field .inp[type=number]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tile{background:var(--brand-soft);width:54px;height:54px;color:var(--brand-1);border-radius:12px;flex:none;place-items:center;font-size:21px;display:grid}.row h3{font-family:var(--font-display);margin:0;font-size:17px;font-weight:500}.row .meta{color:var(--faint);align-items:center;gap:9px;margin-top:3px;font-size:12.5px;display:flex}.dot{background:var(--faint);border-radius:50%;width:3px;height:3px}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:var(--r-pill);border:1px solid var(--line-2);color:var(--dim);padding:4px 10px;font-size:11px;font-weight:600}.badge.ok{color:#4ade80;background:#4ade8014;border-color:#4ade8059}.badge.work{color:var(--brand-1);border-color:var(--brand-1);background:var(--brand-soft)}.badge.warnstate{color:#f87171;background:#f8717114;border-color:#f8717166}.title-row{align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.title-row h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:600}.title-row .pagesub{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);align-items:center;gap:9px;margin-top:7px;font-size:12px;display:flex}.grid2{grid-template-columns:300px 1fr;align-items:start;gap:18px;display:grid}@media (width<=820px){.grid2{grid-template-columns:1fr}}.pv{aspect-ratio:9/16;background:#12161c;border-radius:14px;width:auto;max-height:430px;margin-inline:auto;position:relative;overflow:hidden}.pv .frame{background:radial-gradient(120% 70% at 50% 0,#243044 0%,#141a24 55%,#0d1118 100%);position:absolute;inset:0}.prog{background:var(--line-2);border-radius:4px;height:6px;margin:14px 0 9px;overflow:hidden}.prog i{background:linear-gradient(90deg, var(--brand-1), var(--brand-2));border-radius:4px;height:100%;display:block}.steps{flex-direction:column;gap:11px;margin-top:6px;display:flex}.step{color:var(--dim);align-items:center;gap:11px;font-size:13.5px;display:flex}.step b{background:var(--line-2);width:19px;height:19px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:10px;display:grid}.step.done b{color:#062;background:#4ade80}.step.now b{background:linear-gradient(135deg, var(--brand-1), var(--brand-2));color:#fff}.step.now{color:var(--text)}.unwired{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-pill);color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2473;align-items:center;gap:6px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.warnbar{color:#fbbf24;background:#fbbf2417;border-bottom:1px solid #fbbf244d;align-items:center;gap:9px;padding:8px 15px;font-size:12px;display:flex}.warnbar.stack{flex-direction:column;align-items:stretch;gap:4px;padding:8px 40px 8px 15px;position:relative}.warnbar-line{color:#fbbf24eb}.warnbar-x{color:#fbbf24;cursor:pointer;background:0 0;border:1px solid #fbbf2466;border-radius:6px;width:24px;height:24px;font-size:12px;line-height:1;position:absolute;top:5px;right:10px}.warnbar-x:hover{background:#fbbf2426}.account{display:inline-flex;position:relative}.account-menu{background:var(--card);border:1px solid var(--line);z-index:60;border-radius:12px;gap:10px;min-width:220px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000059}.account-who{color:var(--dim);font-size:12.5px}.account-who b{color:var(--ink)}.account-note{color:var(--faint);font-size:12px;line-height:1.5}.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0009;place-items:center;display:none;position:fixed;inset:0}.modal.on{display:grid}.sheet{background:var(--card);border:1px solid var(--line);border-radius:18px;grid-template-rows:minmax(0,1fr);grid-template-columns:190px 1fr;width:min(760px,92vw);max-height:82vh;display:grid;overflow:hidden}.sheet nav{border-right:1px solid var(--line);background:var(--card-2);flex-direction:column;padding:14px 10px;display:flex}.sheet nav h4{letter-spacing:.11em;text-transform:uppercase;color:var(--faint);margin:0 0 10px 8px;font-size:10.5px}.sheet nav button{text-align:left;width:100%;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:9px;margin-bottom:2px;padding:9px 11px;font-size:13px;display:block}.sheet nav button[aria-selected=true]{background:var(--brand-soft);color:var(--brand-1);font-weight:500}.sheet nav .sheet-close{color:var(--faint);border-top:1px solid var(--line);border-radius:0;margin-top:auto}.sheet .body{padding:20px 22px;overflow:auto}.sheet h3{font-family:var(--font-display);margin:0 0 4px;font-size:19px;font-weight:600}.sheet p.lede{color:var(--faint);margin:0 0 18px;font-size:12.5px;line-height:1.55}.inp{border:1px solid var(--line-2);background:var(--card-2);width:100%;color:var(--text);font-family:var(--font-mono);border-radius:9px;padding:9px 11px;font-size:12px}.inp::placeholder{color:var(--faint)}.keycombo{gap:5px;display:inline-flex}.keycombo kbd{font-family:var(--font-ui);border:1px solid var(--line-2);background:var(--card-2);color:var(--text);text-align:center;border-bottom-width:2px;border-radius:6px;min-width:26px;padding:3px 8px;font-size:11.5px}.frow{margin-bottom:15px}.frow label{color:var(--dim);margin-bottom:6px;font-size:12px;display:block}.saved{color:#4ade80;font-size:11px}.fact{color:var(--text);background:var(--card-2);border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:12.5px;line-height:1.5}.fact code{font-family:var(--font-mono);color:var(--dim);font-size:11px}.preset-row{border:1px solid #0000;border-bottom-color:var(--line);background:0 0;align-items:center;gap:10px;width:100%;padding:11px 10px;display:flex}.preset-row:hover{background:var(--card-2)}.preset-row.on{border-color:var(--brand-1);background:var(--brand-soft);border-radius:10px}.preset-swatch{background:#000;border-radius:9px;flex:none;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.preset-meta{gap:2px;min-width:0;display:grid}.preset-meta b{font-size:13px;font-weight:500}.preset-meta span{color:var(--faint);font-size:10.5px}.editing-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:9px 14px;display:flex}.editing-row label{color:var(--dim);flex:none;font-size:11px}.editing-row .select{flex:1;min-width:0}.editing-note{background:var(--brand-soft);border-bottom:1px solid var(--line);color:var(--brand-1);margin:0;padding:7px 14px}.editing-note b{font-weight:600}.preset-save{border-bottom:1px solid var(--line);padding:11px 12px}.preset-save label{color:var(--dim);margin-bottom:7px;font-size:11px;display:block}.preset-save .row,.spk-row+.row,.field .row{align-items:center;gap:8px;display:flex}.preset-save .select{flex:1;min-width:0}.preset-pick{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.boot-error{text-align:center;min-height:100vh;color:var(--dim);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:13px;display:flex}.title-box{cursor:grab;touch-action:none;background:0 0;border:1px dashed #0000;border-radius:3px;padding:0;position:absolute}.title-box:hover{border-color:#ffffff73}.title-box.sel{border-color:var(--brand-1)}.title-box:focus-visible{border-color:var(--brand-1);outline:none}.title-scale,.scale-dot{background:var(--brand-1);cursor:nwse-resize;touch-action:none;border:2px solid #ffffffe6;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.caption-box .scale-dot{opacity:0;transition:opacity .12s}.caption-box:hover .scale-dot,.preview.dragging .caption-box .scale-dot{opacity:1}.overlay-handle:active{cursor:grabbing}.overlay-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.overlay-row{border:1px solid var(--line);background:#7f7f7f0f;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.overlay-row.on{border-color:var(--brand-1)}.overlay-text{resize:none;min-width:0;font:inherit;border:1px solid var(--line-2);background:var(--card-2);color:var(--text);border-radius:6px;flex:1;padding:6px 8px;line-height:1.35}.title-box.editing{cursor:text;border-color:var(--brand-1)}.title-edit{box-sizing:border-box;resize:none;color:#fff;text-align:center;white-space:pre;cursor:text;background:#0009;border:0;border-radius:3px;outline:none;width:100%;height:100%;margin:0;padding:0 2px;line-height:1.15;position:absolute;inset:0;overflow:hidden}.lane-titles{min-height:34px}.title-block{border:1px solid var(--brand-1);color:inherit;font:inherit;cursor:pointer;background:#7c5cff24;border-radius:5px;align-items:center;padding:0 8px;display:flex;position:absolute;overflow:hidden}.title-block.sel{background:#7c5cff57}.media-end{border-left:2px dashed var(--line-2);pointer-events:none;z-index:4;width:0;position:absolute;top:0;bottom:0}.media-end:after{content:"end";letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:10px;position:absolute;top:2px;left:4px}.picture-img{cursor:grab;touch-action:none;position:absolute;overflow:hidden}.picture-img img,.picture-window img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;max-width:none;display:block;position:absolute}.picture-chrome{pointer-events:none;position:absolute;inset:0}.picture-box{border:1px dashed var(--brand-1);cursor:grab;pointer-events:auto;touch-action:none;position:absolute}.picture-box:active{cursor:grabbing}.picture-box:focus-visible{outline:2px solid var(--brand-1)}.picture-dot,.crop-grip{background:var(--brand-1);pointer-events:auto;touch-action:none;border:2px solid #ffffffe6;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.picture-chrome.small .picture-dot.nw{transform:translate(-8px,-8px)}.picture-chrome.small .picture-dot.ne{transform:translate(8px,-8px)}.picture-chrome.small .picture-dot.sw{transform:translate(-8px,8px)}.picture-chrome.small .picture-dot.se{transform:translate(8px,8px)}.picture-dot.nw,.picture-dot.se,.crop-grip.nw,.crop-grip.se{cursor:nwse-resize}.picture-dot.ne,.picture-dot.sw,.crop-grip.ne,.crop-grip.sw{cursor:nesw-resize}.crop-grip.n,.crop-grip.s{cursor:ns-resize}.crop-grip.e,.crop-grip.w{cursor:ew-resize}.picture-ghost{opacity:.35;position:absolute}.picture-ghost img{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.picture-window{cursor:move;pointer-events:auto;touch-action:none;outline:1px solid #fff;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #0009}.picture-head{align-items:center;gap:10px}.picture-thumb{object-fit:cover;background:#7f7f7f26;border-radius:6px;flex:none;width:44px;height:44px}.picture-name{flex-direction:column;flex:1;min-width:0;display:flex}.picture-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picture-layer{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.picture-layer button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:6px 4px;font-size:12px}.picture-layer button.on{background:var(--brand-1);color:#fff}.picture-size{align-items:center;gap:8px;display:flex}.picture-size input{flex:1;min-width:0}.picture-actions{gap:6px}.picture-block{border-color:var(--brand-1)}
