:root{--bg:#f7f7f8;--panel:#fff;--ink:#15171a;--mut:#6b7280;--line:#e4e5e9;--accent:#2f6df6;--ok:#127a45;--warn:#8a5a00;--bad:#b0201d;--okbg:#dcf3e6;--warnbg:#fdf1cf;--badbg:#fde5e4;--chip:#eef0f4;--radius:10px;--shadow:0 1px 2px rgba(16,18,22,.06),0 4px 12px rgba(16,18,22,.05)}:root:not([data-theme=light]){@media (prefers-color-scheme:dark){--bg:#101216;--panel:#171a1f;--ink:#e9eaec;--mut:#9aa1ac;--line:#262a31;--accent:#6f9bff;--ok:#5fd39b;--warn:#e8bd5c;--bad:#ff8a84;--okbg:#10301f;--warnbg:#2f2708;--badbg:#3a1715;--chip:#1f232a;--shadow:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.3)}}:root[data-theme=dark]{--bg:#101216;--panel:#171a1f;--ink:#e9eaec;--mut:#9aa1ac;--line:#262a31;--accent:#6f9bff;--ok:#5fd39b;--warn:#e8bd5c;--bad:#ff8a84;--okbg:#10301f;--warnbg:#2f2708;--badbg:#3a1715;--chip:#1f232a;--shadow:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.3)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}h1,h2,h3{margin:0;font-weight:620;letter-spacing:-.011em}.wrap{max-width:1320px;margin:0 auto;padding:20px 16px 56px}header.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}header.top h1{font-size:19px}.grow{flex:1 1 auto}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--chip);color:var(--mut);font-size:12px;font-weight:560;white-space:nowrap}a.chip{text-decoration:none}a.chip:focus-visible,a.chip:hover{background:var(--accent);color:#fff}select.chip{cursor:pointer;border:0}.chip.ok{background:var(--okbg);color:var(--ok)}.chip.warn{background:var(--warnbg);color:var(--warn)}.chip.bad{background:var(--badbg);color:var(--bad)}.pitch{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut)}.pitch input[type=range]{width:110px}.meter{min-width:190px}.meter .row{display:flex;justify-content:space-between;font-size:12px;color:var(--mut);margin-bottom:4px}.meter .bar{height:6px;border-radius:99px;background:var(--chip);overflow:hidden}.meter .fill{height:100%;background:var(--accent);border-radius:99px}.meter .fill.warn{background:var(--warn)}.meter .fill.bad{background:var(--bad)}.cols{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}@media (max-width:960px){.cols{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel .hd{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}.panel .hd h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}.panel .bd{padding:14px}video{width:100%;display:block;background:#000}.novid,video{border-radius:var(--radius) var(--radius) 0 0}.novid{aspect-ratio:16/9;display:grid;place-items:center;color:var(--mut);font-size:13px;background:var(--chip)}.rail{display:flex;flex-direction:column}.beat{display:grid;grid-template-columns:26px 1fr auto;grid-gap:10px;gap:10px;align-items:start;padding:10px 14px;cursor:pointer;background:none;text-align:left;width:100%;font:inherit;color:inherit;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent}.beat:last-child{border-bottom:0}.beat:hover{background:var(--chip)}.beat[aria-current=true]{border-left-color:var(--accent);background:var(--chip)}.beat .n{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:2px}.beat .key,.beat .n{color:var(--mut);font-size:12px}.beat .key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.beat .narr{margin-top:2px}.beat .meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.knob{display:grid;grid-template-columns:1fr auto;grid-gap:6px 10px;gap:6px 10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.knob:last-of-type{border-bottom:0}.knob label{font-size:13px}.knob .hint{grid-column:1/-1;font-size:12px;color:var(--mut);margin-top:-4px}.knob output{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;color:var(--mut);min-width:58px;text-align:right}.knob input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--accent)}.knob.changed label:after{content:"•";color:var(--accent);margin-left:5px}input[type=text],textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 28px 6px 10px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 10px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}select.chip{padding:4px 26px 4px 10px;font-size:12px;font-weight:560;background-color:var(--chip)}.btn,option{background:var(--panel);color:var(--ink)}.btn{font:inherit;font-weight:560;padding:8px 13px;border-radius:8px;border:1px solid var(--line);cursor:pointer}.btn:hover{background:var(--chip)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.07)}.btn:disabled{opacity:.5;cursor:not-allowed}.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cost{margin-top:10px;padding:9px 11px;border-radius:8px;background:var(--warnbg);color:var(--warn);font-size:13px}.cost.free{background:var(--okbg);color:var(--ok)}.muted{color:var(--mut)}.empty,.small{font-size:13px}.empty{padding:26px 14px;text-align:center;color:var(--mut)}.overflow{margin:10px 14px 0;padding:9px 11px;border-radius:8px;background:var(--warnbg);color:var(--warn);font-size:13px}.auth{max-width:22rem;margin:4rem auto;padding:0 1rem}.auth h1{font-size:1.25rem;margin-bottom:1.5rem}.auth form{display:flex;flex-direction:column;gap:.35rem}.auth label{font-size:.8rem;opacity:.75;margin-top:.6rem}.auth input{padding:.5rem .6rem;border:1px solid var(--line,#333);border-radius:6px;background:var(--panel,#111);color:inherit;font-size:1rem}.auth button{margin-top:1rem;padding:.55rem .9rem;border:0;border-radius:6px;background:var(--accent,#2563eb);color:#fff;font-size:.95rem;cursor:pointer}.auth button[disabled]{opacity:.6;cursor:default}.auth .err{margin-top:1rem;color:#f87171;font-size:.85rem}.auth .enroll img{margin:.75rem 0;background:#fff;padding:.5rem;border-radius:6px}.auth .secret{font-size:.75rem;opacity:.7;word-break:break-all}.whoami{display:flex;align-items:center;gap:.6rem;font-size:.78rem;opacity:.8}.whoami form{display:inline}.whoami button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.audioed .wave{height:72px;background:rgba(0,0,0,.28);border:1px solid var(--line,#2a2a2a);border-radius:6px}.audioed .btns{margin-top:.7rem;display:flex;align-items:center;gap:.6rem}.audioed .hint.warnish{color:#fbbf24}.checkline{display:flex;align-items:center;gap:.45rem;font-size:.8rem;opacity:.85;margin:.3rem 0 .2rem}.linkish{background:none;border:0;color:var(--accent,#60a5fa);text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.auth .pwwrap{position:relative;display:flex}.auth .pwwrap input{flex:1 1;padding-right:2.5rem}.auth .pwtoggle{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);margin:0;padding:.35rem;background:none;border:0;border-radius:5px;color:inherit;opacity:.55;cursor:pointer;display:flex;align-items:center}.auth .pwtoggle:hover{opacity:1}.auth .pwtoggle:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:1px;opacity:1}@media (min-width:961px){.wrap.editing{height:100vh;display:flex;flex-direction:column;padding-bottom:16px}.wrap.editing .cols{flex:1 1;min-height:0}.wrap.editing .cols>.panel{display:flex;flex-direction:column;min-height:0;max-height:100%}.wrap.editing .cols>.panel>.hd,.wrap.editing .cols>.panel>.novid,.wrap.editing .cols>.panel>video{flex:0 0 auto}.wrap.editing .cols>.panel>.bd,.wrap.editing .cols>.panel>.rail{overflow-y:auto;min-height:0}}.group{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.group>summary{cursor:pointer;list-style:none;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);display:flex;align-items:center;gap:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.group>summary::-webkit-details-marker{display:none}.group>summary:before{content:"▸";font-size:10px;transition:transform .12s ease}.group[open]>summary:before{transform:rotate(90deg)}.group>summary .count{margin-left:auto;font-size:11px;opacity:.7;text-transform:none;letter-spacing:0}.group .groupbody{padding-top:8px}.audioed{outline:none}.audioed:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:3px;border-radius:6px}.audioed .wave{width:100%;height:96px;display:block;background:var(--chip);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.4rem;cursor:crosshair}.audioed .transport{display:flex;align-items:center;gap:.35rem;margin:.5rem 0 .3rem;flex-wrap:wrap}.audioed .transport .speeds{margin-left:auto;display:flex;gap:.25rem}.audioed .transport .btn{padding:.3rem .55rem;font-size:12px}.audioed .hint.warnish{color:var(--warn,#b45309)}.knob .knobrow{grid-column:1/-1;display:flex;align-items:center;gap:8px}.knob .knobrow input[type=range]{grid-column:auto;flex:1 1}.knob .step{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);font:inherit;font-size:15px;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.knob .step:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.knob .step:active:not(:disabled){background:var(--chip)}.knob .step:disabled{opacity:.35;cursor:default}.audioed .sync{margin:.45rem 0 .2rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.audioed .sync .btn{padding:.3rem .6rem;font-size:12px}.audioed .alignbox{flex:1 1 100%;margin-top:.4rem;padding:.5rem .6rem;border:1px solid var(--accent,#2563eb);border-radius:8px;background:var(--chip);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:12.5px}.wrap.watch{max-width:min(1100px,calc(max(240px, 100vh - 230px) * var(--share-ar, 1.7778)))}@supports (height:100dvh){.wrap.watch{max-width:min(1100px,calc(max(240px, 100dvh - 230px) * var(--share-ar, 1.7778)))}}.wrap.watch video{aspect-ratio:auto var(--share-ar,1.7778)}.sharefrm{gap:12px}.sharefrm,.sharefrm label{display:flex;flex-direction:column}.sharefrm label{gap:5px;font-size:13px;color:var(--mut)}.sharefrm label.checkline{flex-direction:row;align-items:center;gap:8px;color:var(--ink)}.sharefrm input[type=text],.sharefrm select{color:var(--ink)}.sharerow{display:flex;gap:12px;flex-wrap:wrap}.sharerow label{min-width:180px}.sharemade{border-top:1px solid var(--line);background:var(--okbg);display:flex;flex-direction:column;gap:8px}.sharekv{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sharekv code,.sharerowitem code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;word-break:break-all}.sharelist{display:flex;flex-direction:column}.sharerowitem{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line)}.sharerowitem:last-child{border-bottom:0}.sharerowitem .grow{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:4px}.sharerowitem .chip{margin-left:6px}.gt-row{display:grid;grid-template-columns:28px minmax(0,1fr) 60px 60px 74px 96px 190px;grid-gap:12px;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;font-size:14px}a.gt-row:hover{background:var(--chip)}.gt-list a.gt-row:last-child{border-bottom:0}.gt-head{font-size:12px;color:var(--mut);padding-top:9px;padding-bottom:9px}.gt-title{display:flex;flex-direction:column;gap:2px;min-width:0}.gt-actions,.gt-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gt-film .panel,.gt-flag{margin-bottom:14px}.gt-flag{font-size:14px}.gt-script p{margin:0 0 10px;line-height:1.5}.gt-script p:last-child{margin-bottom:0}.gt-vrow{display:grid;grid-template-columns:56px 64px 52px 100px 110px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.gt-vrow.gt-head{font-size:12px;padding-top:0}.gt-form{padding:10px 0;border-bottom:1px solid var(--line)}.gt-form textarea{width:100%;margin:4px 0 8px}.gt-drafts{margin-top:12px}.gt-err{color:var(--bad);margin:0 0 10px;font-size:13px}@media (max-width:760px){.gt-head{display:none}.gt-row{grid-template-columns:22px minmax(0,1fr) auto;row-gap:4px}.gt-row>span:nth-child(5),.gt-row>span:nth-child(6){display:none}.gt-row>.gt-status{grid-column:2/-1}.gt-vrow{grid-template-columns:1fr 1fr;row-gap:4px}.gt-vrow>.gt-actions,.gt-vrow>span:nth-child(6){grid-column:1/-1}}.gt-note{padding:10px 0;border-bottom:1px solid var(--line)}.gt-note p{margin:4px 0 0;white-space:pre-wrap;line-height:1.45}.gt-note .linkish{margin-left:8px}.gt-note-empty{margin:0 0 12px}#gt-newnote{width:100%;margin:4px 0 8px}.gt-help .bd{line-height:1.55;max-width:820px}.gt-help h3{font-size:16px;margin:22px 0 6px}.gt-help h3:first-child{margin-top:4px}.gt-help ul{padding-left:20px;margin:6px 0}.gt-help li{margin:4px 0}.gt-help p{margin:6px 0}