html:has(#landing:not([hidden])){height:auto;min-height:100%;overflow:hidden auto}html:has(#landing:not([hidden])) body{height:auto;min-height:100%;overflow:hidden auto}html:has(#landing:not([hidden])) body{-webkit-user-select:text;user-select:text}#landing[hidden]{display:none}.landing{--lp-bg:#0f1013;--lp-panel:#17181d;--lp-line:#2a2c34;--lp-text:#e8e9ed;--lp-dim:#9a9eaa;--lp-accent:#1fc8db;--lp-grad:linear-gradient(90deg, #ff9a3c, #ff3d9a, #8b5cff, #1fc8db);color:var(--lp-text);background:radial-gradient(1100px 600px at 70% -10%, #2a1747 0%, transparent 60%), var(--lp-bg);max-width:100vw;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.landing a{color:var(--lp-accent)}.landing h1,.landing h2,.landing h3{margin:0 0 12px;line-height:1.2}.landing h1{letter-spacing:-.02em;font-size:clamp(34px,5vw,56px)}.landing h2{letter-spacing:-.01em;font-size:clamp(26px,3.4vw,38px)}.landing h3{font-size:18px}.landing p{margin:0 0 12px}.lp-top{z-index:5;background:color-mix(in srgb, var(--lp-bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;position:sticky;top:0}.lp-brand{align-items:center;gap:15px;display:flex}.lp-wordmark{width:auto}.lp-nav{gap:20px;margin-left:auto;display:flex}.lp-nav a{color:var(--lp-dim);font-size:15px;text-decoration:none}.lp-nav a:hover{color:var(--lp-text)}.lp-btn{border:1px solid var(--lp-line);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 20px;font:600 15px/1 inherit;text-decoration:none;display:inline-flex}.lp-btn:disabled{opacity:.55;cursor:not-allowed}.lp-btn-primary{color:#15161a;background:#fff;border-color:#fff;box-shadow:0 10px 30px #7b5cff40}.lp-btn-primary:hover:not(:disabled){background:#f1f1f4}.lp-btn-apple{color:#fff;background:#000;border-color:#ffffff59}.lp-btn-apple:hover:not(:disabled){border-color:#fff}.lp-btn[hidden]{display:none}.lp-dialog{border:1px solid var(--lp-line);background:var(--lp-panel);width:min(380px,100vw - 32px);color:var(--lp-text);text-align:center;border-radius:16px;padding:28px 24px 20px}.lp-dialog::backdrop{background:#000000a6}.lp-dialog h2{margin:0 0 6px;font-size:22px}.lp-dialog-lead{color:var(--lp-dim);margin:0 0 20px;font-size:14px}.lp-dialog .lp-btn{width:100%;margin-bottom:10px;display:flex}.lp-dialog .lp-btn[hidden]{display:none}.lp-dialog .lp-note{margin:8px 0 0;font-size:12px}.lp-dialog-close{color:var(--lp-dim);cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.lp-dialog-close:hover{color:var(--lp-text)}.landing .lp-btn-ghost{color:var(--lp-text);background:0 0}.lp-btn-ghost:hover{border-color:var(--lp-dim)}.lp-btn:focus-visible,.landing a:focus-visible,.landing summary:focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px}.lp-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:48px;max-width:1180px;margin:0 auto;padding:56px 24px 72px;display:grid}.lp-eyebrow{letter-spacing:.08em;text-transform:uppercase;background:var(--lp-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:700;display:inline-block}.lp-lead{color:var(--lp-dim);max-width:34em;font-size:18px}.lp-cta{flex-wrap:wrap;gap:12px;margin:24px 0 12px;display:flex}.lp-more{margin:8px 0 20px}.lp-status:empty{display:none}.lp-status{color:#ff8a8f;margin-bottom:8px;font-size:14px}.lp-note{color:var(--lp-dim);font-size:14px}.lp-shot{margin:0}.lp-shot img{border:1px solid var(--lp-line);border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff08}.lp-section{max-width:1180px;margin:0 auto;padding:64px 24px}.lp-sub{color:var(--lp-dim);margin-bottom:32px;font-size:18px}.lp-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.lp-grid li{background:var(--lp-panel);border:1px solid var(--lp-line);border-radius:14px;padding:22px}.lp-grid p{color:var(--lp-dim);margin:0;font-size:15px}.lp-sprite{width:0;height:0;position:absolute;overflow:hidden}.lp-ic{box-sizing:border-box;width:48px;height:48px;color:var(--lp-accent);background:linear-gradient(160deg,#1fc8db1f,#1fc8db08);border:1px solid #1fc8db33;border-radius:12px;margin-bottom:16px;padding:11px;display:block}.lp-grid li{transition:border-color .2s,transform .2s}.lp-grid li:hover{border-color:#3a3d48;transform:translateY(-2px)}.lp-grid h3{margin-bottom:8px;font-size:17px}.lp-grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.lp-cta-center{justify-content:center;margin-top:32px}.lp-composer-shot{margin:0 0 32px}.lp-compose-cta{padding-top:0}.lp-compose-cta .lp-cta{margin:0}.lp-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.lp-split-rev{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.lp-list{color:var(--lp-dim);margin:0;padding-left:20px}.lp-list li{margin-bottom:10px}.lp-privacy .lp-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.lp-cols p{color:var(--lp-dim);font-size:15px}.lp-steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.lp-steps li{counter-increment:step;background:var(--lp-panel);border:1px solid var(--lp-line);color:var(--lp-dim);border-radius:14px;padding:22px}.lp-steps li:before{content:counter(step);background:var(--lp-grad);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:12px;font-weight:700;display:grid}.lp-steps b{color:var(--lp-text)}.lp-faq details{border-bottom:1px solid var(--lp-line);max-width:820px;padding:16px 0}.lp-faq summary{cursor:pointer;font-size:17px;font-weight:600}.lp-faq details p{color:var(--lp-dim);margin:10px 0 0}.lp-final{text-align:center;padding-bottom:88px}.lp-final h2{margin-bottom:24px}.lp-foot{border-top:1px solid var(--lp-line);color:var(--lp-dim);flex-wrap:wrap;justify-content:center;gap:8px 24px;padding:28px 24px 40px;font-size:14px;display:flex}.lp-foot a{color:var(--lp-dim)}.lp-tpl-lead{margin:0 0 18px}.lp-tpl-cats{margin:40px 0 0}.lp-tpl-cats img{width:100%;height:auto;display:block}.lp-tpl-cats figcaption{text-align:center;color:var(--lp-dim);margin-top:14px;font-size:14px}@media (max-width:900px){.lp-hero,.lp-split{grid-template-columns:minmax(0,1fr);gap:32px}.lp-privacy .lp-cols,.lp-steps{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.lp-tpl-cats{border-radius:14px;overflow-x:auto}.lp-tpl-cats img{width:900px;max-width:none}.lp-top{gap:12px;padding:12px 16px}.lp-nav{display:none}.lp-top .lp-btn{margin-left:auto}.lp-hero{padding:32px 16px 48px}.lp-section{padding:48px 16px}.lp-cta .lp-btn{white-space:normal;width:100%}}:root{--bg:#0f1013;--panel:#18191e;--panel-2:#202228;--line:#2b2e36;--text:#e8e9ed;--dim:#8b8f9a;--accent:#1fc8db;--accent-ink:#062226;--danger:#ff5c6c;--clip-video:#2f5c8a;--clip-image:#6b4f8f;--clip-audio:#2f7a5a;--clip-text:#9a5b2a;--clip-viz:#6d3fb0;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;overflow:hidden}button,.button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;text-decoration:none;display:inline-flex}button:hover:not(:disabled){background:#262830;border-color:#3b3f4a}button:disabled{opacity:.45;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.primary:hover:not(:disabled){background:#3dd6e7}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--panel-2)}button.icon{padding:4px 7px}button.link{color:var(--accent);background:0 0;border:none;padding:0;font-size:12px}input,select,textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}input[type=range]{accent-color:var(--accent);flex:1;min-width:0;padding:0}input[type=color]{width:34px;height:26px;padding:1px}input[type=checkbox]{accent-color:var(--accent)}.app{flex-direction:column;gap:0;height:100%;padding:0 6px 6px;display:flex}.app>.dock-wrap.timeline{height:var(--timeline-h,max(220px, 38vh));flex:none}.topbar{justify-content:space-between;align-items:center;height:46px;display:flex}.brand{align-items:center;gap:10px;display:flex}.project-name{background:0 0;border-color:#0000;width:260px;font-weight:600}.project-name:hover{border-color:var(--line)}.topbar-actions{gap:6px;display:flex}.banner{color:#ffd38a;border-radius:var(--radius);background:#3a2a10;border:1px solid #6b4b16;padding:6px 12px}.folder-warning{margin:4px 0 2px;padding:10px 12px;font-size:13px;line-height:1.5}.workspace{grid-template-columns:var(--left-col,280px) minmax(0, 1fr) var(--right-col,290px);flex:1;gap:6px;min-height:240px;display:grid;position:relative}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:0;overflow:hidden}.bin{flex-direction:column;display:flex}.tabs{border-bottom:1px solid var(--line);gap:4px;padding:8px 8px 0;display:flex}.tabs button{color:var(--dim);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:6px 10px}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.bin-body{flex:1;padding:10px;overflow:auto}.bin-body.drop-over{outline:2px dashed var(--accent);outline-offset:-6px}.import{border-style:dashed;justify-content:center;width:100%;padding:10px}.hint{color:var(--dim);font-size:12px}.error{color:var(--danger);word-break:break-word;font-size:12px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.asset{cursor:grab}.asset-thumb{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.asset:hover .asset-thumb{border-color:var(--accent)}.asset-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%}.asset-icon{color:var(--clip-audio);font-size:26px}.asset-duration{background:#000a;border-radius:3px;padding:0 4px;font-size:11px;position:absolute;bottom:3px;right:4px}.asset-add{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);opacity:0;border:none;justify-content:center;padding:0;font-weight:700;position:absolute;top:4px;right:4px}.asset:hover .asset-add{opacity:1}.asset-name{color:var(--dim);align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.asset-name span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.asset-delete{color:var(--dim);opacity:0;background:0 0;border:none;padding:0 3px}.asset:hover .asset-delete{opacity:1}.text-presets{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.side-tabs .text-preset{min-width:0;padding:10px 6px}.side-tabs .text-preset span{font-size:14px}.text-preset{justify-content:center;padding:10px;font-size:15px;font-weight:700}.preview{flex-direction:column;display:flex}.stage{background:#0b0b0d;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stage-canvas{box-shadow:0 0 0 1px var(--line);background:#000;position:absolute}.transport-right{justify-self:end;align-items:center;gap:6px;display:flex}.preview.is-fullscreen{background:#000;border:none;border-radius:0}.preview.is-fullscreen .stage{background:#000}.preview.is-fullscreen .stage-canvas{box-shadow:none}.preview.is-fullscreen .transport{background:#000c}.stage-empty{color:var(--dim);pointer-events:none;position:absolute}.spectrum{box-sizing:border-box;border-top:1px solid var(--line);width:100%;height:52px;padding:6px 12px 2px;display:block}.transport button.icon.on{color:var(--accent)}.transport .repeat-toggle.on{background:color-mix(in srgb, var(--accent) 16%, transparent)}.transport{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 12px;display:grid}.transport-buttons{align-items:center;gap:4px;display:flex}.tc{font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace;font-size:12px}.tc.dim{color:var(--dim)}button.play{background:var(--text);color:#111;border:none;border-radius:16px;justify-content:center;width:38px;height:32px}button.play:hover:not(:disabled){background:#fff}.inspector{padding:12px 14px;overflow:auto}.inspector h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;overflow:hidden}.inspector h4{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin:16px 0 8px;font-size:12px;display:flex}.meta{color:var(--dim);margin:0 0 8px;font-size:12px}.field{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px;margin:7px 0;display:grid}.field>span{color:var(--dim);font-size:12px}.field-control{align-items:center;gap:6px;min-width:0;display:flex}.field-control select{flex:1;min-width:0}.num{text-align:right;width:58px;padding:2px 4px}.unit{width:14px;color:var(--dim);font-size:11px}.text-input{resize:vertical;-webkit-user-select:text;user-select:text;width:100%;margin:8px 0}.seg{gap:2px;display:flex}.seg button{padding:3px 8px}.seg button.on{border-color:var(--accent);color:var(--accent)}.timeline{flex-direction:column;display:flex}.tl-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:4px 8px;display:flex}.tl-time{color:var(--dim);margin-left:10px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.tl-zoom{flex:0 260px;align-items:center;gap:4px;min-width:140px;margin-left:auto;display:flex}.tl-zoom input[type=range]{flex:1;min-width:40px}.tl-toolbar>button,.tl-toolbar .tl-time{white-space:nowrap;flex:none}.tl-scroll{flex:1;position:relative;overflow:auto}.tl-content{min-height:100%;position:relative}.tl-ruler-row{z-index:4;background:var(--panel);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.tl-corner{background:var(--panel);z-index:5;flex:none;position:sticky;left:0}.tl-ruler{cursor:ew-resize;flex:1;position:relative}.tl-tick{color:var(--dim);border-left:1px solid #3a3d47;align-items:flex-end;padding-bottom:2px;padding-left:4px;font-size:10px;display:flex;position:absolute;top:0;bottom:0}.tl-row{border-bottom:1px solid #1f2127;display:flex;position:relative}.tl-head{z-index:3;background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;justify-content:center;gap:2px;padding:0 4px 0 10px;font-size:12px;display:flex;position:sticky;left:0;overflow:hidden}.tl-head-name{text-overflow:ellipsis;white-space:nowrap;color:var(--dim);overflow:hidden}.tl-head-btns{align-items:center;margin-left:-4px;display:flex}.tl-head-btns button{padding:2px 4px;font-size:12px}.tl-head-btns button.off{opacity:.5}.tl-lane{flex:1;margin:4px 0;position:relative}.tl-newtrack{height:14px;display:flex}.tl-newtrack.active{background:color-mix(in srgb, var(--accent) 12%, transparent);outline:1px dashed var(--accent);outline-offset:-2px;height:30px}.tl-newtrack-label{color:var(--accent);padding:7px 10px;font-size:11px;position:sticky;left:0}.tl-clip{cursor:grab;background-color:var(--clip-video);background-repeat:repeat-x;background-size:auto 100%;border:1px solid #fff2;border-radius:5px;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 0 0 1000px #00000040}.tl-clip.image{background-color:var(--clip-image)}.tl-clip.audio{background-color:var(--clip-audio)}.tl-clip.visualizer{background-color:var(--clip-viz)}.tl-clip.text{background-color:var(--clip-text)}.tl-clip.missing{background-color:#5a1f27;background-image:repeating-linear-gradient(45deg,#ffffff0d 0 8px,#0000 8px 16px)!important}.tl-clip.selected{z-index:1;border:2px solid #fff}.tl-clip.dragging{opacity:.85;cursor:grabbing;z-index:2}.tl-clip-label{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000;pointer-events:none;font-size:11px;position:absolute;top:3px;left:8px;right:8px;overflow:hidden}.tl-handle{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.tl-handle.left{left:0}.tl-handle.right{right:0}.tl-clip.selected .tl-handle,.tl-clip:hover .tl-handle{background:#fffc}.tl-ghost{border:2px dashed var(--danger);pointer-events:none;background:#ff5c6c22;border-radius:5px;position:absolute;top:0;bottom:0}.tl-place-bar{border-bottom:1px solid var(--line);background:#1fc8db14;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 10px;font-size:13px;display:flex}.tl-place-bar>span{flex:1;min-width:200px}.tl-place-start{color:var(--dim);align-items:center;gap:6px;display:inline-flex}.tl-place-start input{width:72px}.tl-row-new{background:#1fc8db0d}.tl-row-new .tl-lane{cursor:grab;touch-action:none}.tl-row-new .tl-lane:active{cursor:grabbing}.tl-new-tag{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-place-clip{border:2px dashed var(--accent);color:var(--text);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:repeating-linear-gradient(135deg,#1fc8db2e 0 10px,#1fc8db18 10px 20px);border-radius:5px;padding:4px 6px;font-size:11px;position:absolute;top:0;bottom:0;overflow:hidden}.tl-playhead{z-index:2;pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tl-playhead:before{content:"";border:6px solid #0000;border-top:8px solid #fff;position:absolute;top:0;left:-5px}.modal-backdrop{z-index:60;background:#000a;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(440px,100vw - 32px);padding:20px}.modal h2{margin:0 0 4px;font-size:17px}.modal .field{grid-template-columns:100px 1fr}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.progress{color:var(--dim);margin-top:14px;font-size:12px}.progress-bar{background:var(--panel-2);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.progress-bar div{background:var(--accent);height:100%;transition:width .2s}.done-video{background:#000;border-radius:6px;width:100%;max-height:220px;margin-top:12px}.loading{z-index:60;color:var(--dim);background:#0f1013e6;place-items:center;display:grid;position:fixed;inset:0}@media (max-width:900px){.workspace{grid-template-rows:minmax(200px,1fr);grid-template-columns:1fr}.bin,.inspector{display:none}}.tabs{flex-wrap:wrap}.tabs button{padding:6px 8px}.asset-badge{background:#000a;border-radius:3px;padding:0 4px;font-size:10px;position:absolute;bottom:3px;left:4px}.text-preset span{font-size:15px}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;display:grid}.sticker{background:0 0;border-color:#0000;justify-content:center;padding:6px 0;font-size:22px}.sticker:hover:not(:disabled){background:var(--panel-2)}.check{color:var(--dim);align-items:center;gap:6px;margin:8px 0;font-size:12px;display:flex}.transition-grid,.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.transition-card,.filter-card{flex-direction:column;justify-content:center;gap:4px;padding:6px 4px;font-size:11px}.filter-card.on,.chips button.on,.anim-grid button.on{border-color:var(--accent);color:var(--accent)}.filter-swatch{aspect-ratio:16/9;border-radius:4px;width:100%;display:block}.filter-swatch.none{background:repeating-linear-gradient(45deg,#2a2c33 0 6px,#22242a 6px 12px)}.transition-thumb{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:4px;width:100%;display:block}.transition-thumb.placeholder{background:repeating-linear-gradient(45deg,#2a2c33 0 6px,#22242a 6px 12px)}.transition-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;margin-top:0}.bin-body.side-tabs-tab{flex-direction:column;display:flex;overflow:hidden}.side-tabs{flex:1;grid-template-columns:auto minmax(0,1fr);gap:8px;min-height:0;margin-top:8px;display:grid}.side-tabs-grid{align-content:start;min-height:0;overflow-y:auto}.drag-scroll{scrollbar-width:none;overscroll-behavior:contain}.drag-scroll::-webkit-scrollbar{display:none}.drag-scroll.more-below{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.drag-scroll.more-above{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(0deg,#000 calc(100% - 28px),#0000)}.drag-scroll.more-above.more-below{-webkit-mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000)}.drag-scroll.dragging,.drag-scroll.dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.side-tabs-list{border-right:1px solid var(--line);flex-direction:column;gap:1px;min-width:78px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.side-tabs-list button{text-align:left;white-space:nowrap;color:var(--dim);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.side-tabs-list button:hover{color:var(--text);background:var(--panel-2)}.side-tabs-list button.on{color:var(--accent);background:var(--panel-2);border-color:var(--accent)}.side-tabs-list small{opacity:.7;font-variant-numeric:tabular-nums;order:2;margin-left:auto;font-size:10px}.seg.viz-channels{flex-wrap:wrap}.viz-channels button{white-space:nowrap;padding-left:6px;padding-right:6px}.viz-palettes{flex-wrap:wrap;gap:5px;display:flex}.viz-palettes button{border:2px solid var(--line);border-radius:50%;width:20px;height:20px;padding:0}.viz-palettes button.on{outline:2px solid var(--accent);outline-offset:2px}.viz-palettes button.rainbow{background:conic-gradient(#f43f5e,#facc15,#22c55e,#22d3ee,#a855f7,#f43f5e)}.viz-grid{grid-template-columns:repeat(auto-fill,minmax(min(96px,100%),1fr));align-content:start;gap:6px;display:grid}.viz-card{flex-direction:column;justify-content:center;gap:4px;padding:6px 4px;font-size:11px}.viz-card.on{border-color:var(--accent);color:var(--accent)}.viz-thumb{aspect-ratio:16/9;border-radius:4px;width:100%;display:block}.side-tabs-list button.marked:after{content:"";background:var(--accent);border-radius:50%;order:1;width:5px;height:5px;margin-right:auto}.side-tabs-list button.marked small{margin-left:0}.bin .side-tabs .filter-grid,.side-tabs .sticker-designs{grid-template-columns:repeat(auto-fill,minmax(min(64px,100%),1fr));margin-top:0}.bin .side-tabs .filter-grid{grid-template-columns:repeat(auto-fill,minmax(min(52px,100%),1fr));gap:4px}.side-tabs .filter-card{padding:4px 3px;font-size:10px}.transition-card.on{border-color:var(--accent);color:var(--accent)}.insp-head{border-bottom:1px solid var(--line);padding:12px 14px 0}.insp-tabs{border-bottom:none;padding:0}.inspector{flex-direction:column;padding:0;display:flex}.insp-body{flex:1;padding:4px 14px 14px;overflow:auto}.inspector>.insp-body:only-child{padding-top:12px}.chips,.anim-grid{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.chips.stem-side{margin:0}.chips button,.anim-grid button{padding:3px 8px;font-size:12px}.field.anim .field-control input[type=range]{min-width:40px}.kf-nav{display:flex}.kf-nav button{padding:2px 3px;font-size:12px}button.kf{color:var(--dim)}button.kf.has{color:#c9a54a}button.kf.on{color:#ffcf3f}.kf-list{flex-wrap:wrap;gap:4px;display:flex}.kf-chip{color:#ffcf3f;padding:2px 8px;font-size:11px}.switch{display:inline-flex}.tl-visual{pointer-events:none;position:absolute;top:0}.tl-clip-label,.tl-badges{z-index:1}.tl-badges{pointer-events:none;gap:4px;display:flex;position:absolute;top:3px;right:6px}.tl-badges i{background:#000a;border-radius:3px;padding:0 4px;font-size:10px;font-style:normal}.tl-clip.instrument{background-image:repeating-linear-gradient(135deg,#ffffff0d 0 6px,#0000 6px 12px);box-shadow:inset 3px 0 #f5a524}.tl-inst-tag{color:#1a1206;text-shadow:none;background:#f5a524;border-radius:3px;margin-right:5px;padding:0 5px;font-weight:600;display:inline-block}.tl-badges .tl-inst-edit{pointer-events:auto;color:#ffd27a;cursor:pointer;background:#000c;border:1px solid #f5a524;border-radius:3px;padding:0 6px;font-size:10px;line-height:14px}.tl-badges .tl-inst-edit:hover{color:#1a1206;background:#f5a524}.tl-kf{z-index:2;pointer-events:none;background:#ffcf3f;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:3px;transform:rotate(45deg)}.tl-transition{color:#111;z-index:3;cursor:pointer;background:#ffffffd9;border-radius:11px;place-items:center;height:22px;margin-top:-11px;font-size:12px;display:grid;position:absolute;top:50%}.tl-task{color:var(--accent);align-items:center;gap:6px;margin-left:10px;font-size:12px;display:inline-flex}.sel-box{border:1.5px solid var(--accent);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 1px #0008}.sel-handle{border:2px solid var(--accent);cursor:nwse-resize;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px}.sel-rotate{border:2px solid var(--accent);cursor:grab;background:#fff;border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-30px;left:50%}.sel-rotate:after{content:"";background:var(--accent);pointer-events:none;width:1.5px;height:16px;margin-left:-.75px;position:absolute;top:12px;left:50%}.stage-empty.error{color:var(--danger)}.toast{border:1px solid var(--line);z-index:70;background:#2a2d35;border-radius:8px;padding:8px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0008}.insp-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.insp-tabs button{white-space:nowrap;padding:6px 5px;font-size:12px}.panel-error{color:var(--danger);padding:14px;font-size:12px}.filter-thumb{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:4px;width:100%;display:block}.bin .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.apply-all{border-color:var(--line);justify-content:center;width:100%;margin-top:8px}.bin .tabs{flex-wrap:wrap;row-gap:0}.bin .tabs button{white-space:nowrap;padding:6px;font-size:12px}.tl-sep{background:var(--line);width:1px;height:18px;margin:0 4px}.tl-order{display:inline-flex}.tl-order button{padding:2px 3px;font-size:8px}.ctx-menu{z-index:80;border:1px solid var(--line);background:#23252c;border-radius:8px;min-width:210px;padding:4px;position:fixed;box-shadow:0 10px 30px #000a}.ctx-menu button{background:0 0;border:none;border-radius:5px;justify-content:space-between;width:100%;padding:6px 10px}.ctx-menu button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 18%, transparent)}.ctx-menu button.danger{color:var(--danger)}.ctx-menu kbd{color:var(--dim);font:11px ui-monospace,Menlo,monospace}.ctx-menu hr{border:none;border-top:1px solid var(--line);margin:4px 2px}.tl-row-resize{cursor:row-resize;z-index:4;height:8px;position:absolute;bottom:-4px;left:0;right:0}.tl-row-resize:after{content:"";background:0 0;height:2px;transition:background .1s;position:absolute;top:3px;left:0;right:0}.tl-row-resize:hover:after,body.row-resizing .tl-row-resize:hover:after{background:var(--accent)}body.row-resizing,body.row-resizing *{-webkit-user-select:none;user-select:none;cursor:row-resize!important}.tl-height{color:var(--dim);align-items:center;gap:4px;margin-left:auto;font-size:13px;display:inline-flex}.tl-height select{padding:2px 4px;font-size:12px}.tl-height+.tl-zoom{margin-left:8px}.panel-splitter{cursor:row-resize;flex:none;height:8px;position:relative}.panel-splitter:after{content:"";background:var(--line);border-radius:1px;width:40px;height:2px;margin-left:-20px;position:absolute;top:3px;left:50%}.panel-splitter:hover:after{background:var(--accent);width:100%;margin-left:0;left:0}.app>.banner,.app>.topbar{margin-bottom:6px}.tl-env{z-index:2;pointer-events:none;position:absolute;top:0;overflow:visible}.tl-env-ref{stroke:#ffffff26;stroke-dasharray:3 4}.tl-env-line{fill:none;stroke:#3b9dff;stroke-width:2px;filter:drop-shadow(0 0 1px #0009)}.tl-env-line.red{stroke:#ff4d5e}.tl-env-line.inactive,.tl-env-pt.inactive{opacity:.35;pointer-events:none}.tl-env-hit{fill:none;stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:ns-resize}.tl-env-pt{fill:#fff;stroke:#3b9dff;stroke-width:2px;pointer-events:all;cursor:move}.tl-env-pt:hover{fill:#3b9dff}.tl-env-pt.red{stroke:#ff4d5e}.tl-env-pt.red:hover{fill:#ff4d5e}.tl-chan-chip{z-index:4;background:#000a;border-radius:4px;gap:1px;padding:1px;display:flex;position:absolute;bottom:4px;left:6px}.tl-chan-chip button{color:#ccc;background:0 0;border:none;border-radius:3px;padding:2px 5px;font-size:10px;line-height:1}.tl-chan-chip button.on{color:#fff;background:#ffffff26}.tl-chan-chip button.L.on{color:#7cc0ff}.tl-chan-chip button.R.on{color:#ff8a95}.range-row{grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin:4px 0;display:grid}.range-row input[type=range]{width:100%}.range-row.blue input[type=range]{accent-color:#3b9dff}.range-row.red input[type=range]{accent-color:#ff4d5e}.range-label{width:10px;font:600 11px system-ui,sans-serif}.range-row.blue .range-label{color:#7cc0ff}.range-row.red .range-label{color:#ff8a95}.range-val{color:var(--dim);text-align:right;min-width:92px;font-size:11px}.check.inline{margin:0}.tl-env-tip{z-index:5;pointer-events:none;color:#fff;white-space:nowrap;background:#000d;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute}.tl-clip .tl-handle{z-index:3}.tl-range{z-index:1;pointer-events:none;background:#3b9dff33;border-left:1px solid #3b9dff;border-right:1px solid #3b9dff;position:absolute;top:0;bottom:0}.range-pop{z-index:85;border:1px solid var(--line);background:#23252c;border-radius:10px;width:300px;padding:10px 12px;position:fixed;box-shadow:0 10px 30px #000a}.range-pop-title{justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.range-pop-title .dim{color:var(--dim)}.range-pop input[type=range]{width:100%}.range-pop-actions{gap:4px;margin-top:8px;display:flex}.range-pop-actions button{padding:3px 8px;font-size:12px}.range-pop-actions .primary{margin-left:auto}.eq.off .eq-bands,.eq.off .eq-curve{opacity:.5}.eq-top{align-items:center;gap:4px;margin-bottom:8px;display:flex}.eq-top select{flex:1;min-width:0}.eq-curve{border:1px solid var(--line);background:#121318;border-radius:6px;width:100%;display:block}.eq-bands{grid-template-columns:repeat(10,minmax(0,1fr));margin-top:8px;display:grid}.eq-band{flex-direction:column;align-items:center;gap:4px;display:flex}.eq-slider{writing-mode:vertical-lr;direction:rtl;width:18px;min-width:0;height:110px;margin:0;flex:none!important}.eq-slider,.mx-fader-input{appearance:none;cursor:ns-resize;background-color:#0000;border:0;border-radius:0}.eq-slider:focus,.mx-fader-input:focus{outline:none}.eq-slider{--strip:var(--accent);background:linear-gradient(#ffffff26 0 1px,#0000 1px) 0/5px 1px no-repeat,linear-gradient(#ffffff26 0 1px,#0000 1px) 100%/5px 1px no-repeat,repeating-linear-gradient(#ffffff1a 0 1px,#0000 1px 12.5%) 0/3px 100% no-repeat,repeating-linear-gradient(#ffffff1a 0 1px,#0000 1px 12.5%) 100%/3px 100% no-repeat;width:30px}.eq-channel.left .eq-slider{--strip:#1fc8db}.eq-channel.right .eq-slider{--strip:#ff3d9a}.eq-slider:focus-visible{outline:1px solid var(--strip);outline-offset:2px}.eq-slider::-webkit-slider-runnable-track{background:#040506;border-radius:3px;width:5px;margin:0 auto;box-shadow:inset 0 1px 3px #000,0 0 0 1px #ffffff12}.eq-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(to bottom, transparent 5.5px, var(--strip) 5.5px 7.5px, transparent 7.5px), repeating-linear-gradient(to bottom, #ffffff1f 0 1px, transparent 1px 3px), linear-gradient(to bottom, #8a8f9a, #3b3f47 45%, #24272d 55%, #5b606b);border:1px solid #0009;border-radius:3px;width:24px;height:14px;margin-left:-10px;box-shadow:0 3px 5px #000c,inset 0 1px #fff5}.eq-slider:active::-webkit-slider-thumb{box-shadow:0 1px 3px #000c, inset 0 1px 0 #fff5, 0 0 0 1px var(--strip)}.eq-slider::-moz-range-track{background:#040506;border-radius:3px;width:5px;box-shadow:inset 0 1px 3px #000}.eq-slider::-moz-range-thumb{background:linear-gradient(to bottom, transparent 4.5px, var(--strip) 4.5px 6.5px, transparent 6.5px), repeating-linear-gradient(to bottom, #ffffff1f 0 1px, transparent 1px 3px), linear-gradient(to bottom, #8a8f9a, #3b3f47 45%, #24272d 55%, #5b606b);border:1px solid #0009;border-radius:3px;width:22px;height:12px;box-shadow:0 3px 5px #000c,inset 0 1px #fff5}.eq-val,.eq-freq{color:var(--dim);font-variant-numeric:tabular-nums;font-size:9.5px}.eq-val{color:var(--text)}.eq-expand{font-size:15px}.eq-split-note{min-width:0;color:var(--dim);flex:1;font-size:12px}.eq-open-big{margin-top:8px}.eq-bands.tall .eq-slider{height:180px}.eq-bands.tall .eq-val,.eq-bands.tall .eq-freq{font-size:11px}#float-layer{z-index:58;pointer-events:none;position:fixed;inset:0}.float-window{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;position:fixed;box-shadow:0 12px 40px #000a}.float-window-title{cursor:move;touch-action:none;flex:none;padding:12px 16px 0 20px}.float-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.float-title h2{margin:0;font-size:17px}.float-tools{align-items:center;gap:4px;display:flex}.float-popped>.float-title{margin-bottom:12px}.float-window-body{flex:1;min-height:0;padding:12px 20px 20px;overflow-y:auto}.float-resize{touch-action:none;position:absolute}.float-resize.n,.float-resize.s{cursor:ns-resize;height:8px;left:10px;right:10px}.float-resize.e,.float-resize.w{cursor:ew-resize;width:8px;top:10px;bottom:10px}.float-resize.n{top:-4px}.float-resize.s{bottom:-4px}.float-resize.e{right:-4px}.float-resize.w{left:-4px}.float-resize.ne,.float-resize.nw,.float-resize.se,.float-resize.sw{width:16px;height:16px}.float-resize.ne{cursor:nesw-resize;top:-4px;right:-4px}.float-resize.sw{cursor:nesw-resize;bottom:-4px;left:-4px}.float-resize.nw{cursor:nwse-resize;top:-4px;left:-4px}.float-resize.se{cursor:nwse-resize;bottom:-4px;right:-4px}.float-resize.se:after{content:"";border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);opacity:.6;border-bottom-right-radius:3px;width:8px;height:8px;position:absolute;bottom:7px;right:7px}.float-panel .float-window-title{padding:4px 6px 4px 12px}.float-panel .float-title h2{color:var(--dim);font-size:12px;font-weight:600}.float-panel .float-window-body{padding:0 4px 4px;display:flex;overflow:hidden}.float-panel .float-window-body>.panel{flex:1;min-width:0;min-height:0;max-height:none;display:flex}.float-popped{flex:1;min-height:0;padding:10px 14px 16px;overflow-y:auto}@media (max-width:900px){.float-popout{display:none}}.eq-transport{border:1px solid var(--line);background:#121318;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 10px;display:flex}.eq-transport .eq-play{flex:none;justify-content:center;align-items:center;width:36px;height:32px;padding:0;display:inline-flex}.eq-play svg{display:block}.eq-time{font-variant-numeric:tabular-nums;flex:none;font-size:12px}.eq-progress{cursor:pointer;touch-action:none;flex:1;min-width:80px;height:22px;margin:0 7px;position:relative}.eq-progress:before{content:"";background:#ffffff1f;border-radius:2px;height:4px;position:absolute;top:9px;left:0;right:0}.eq-progress-fill{background:var(--accent);border-radius:2px;height:4px;position:absolute;top:9px;left:0}.eq-progress-head{pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:4px;box-shadow:0 1px 4px #0008}.eq-window-bar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.eq-window-bar .seg{margin-right:auto}.seg.eq-target{margin-bottom:14px;display:flex}.seg.eq-target button{flex:1}.seg.eq-target button:disabled{opacity:.45;cursor:not-allowed}.eq-clip-picker{align-items:center;gap:6px;margin:-4px 0 14px;display:flex}.eq-clip-picker select{flex:1;min-width:0}.eq-solo{white-space:nowrap;flex:none}.eq-solo.on{color:var(--accent);border-color:var(--accent)}.eq-window-name{margin:0 0 12px}.eq-channels{grid-template-columns:1fr 1fr;gap:16px;display:grid}.eq-channel{border:1px solid var(--line);background:#ffffff05;border-radius:10px;padding:12px}.eq-channel.left{border-top:3px solid #1fc8db}.eq-channel.right{border-top:3px solid #ff3d9a}.eq-side{flex:none;margin-right:4px;font-size:12px}@media (max-width:760px){.eq-channels{grid-template-columns:1fr}.eq-window-bar,.eq-transport{flex-wrap:wrap}}.ai-tag{letter-spacing:.06em;color:#fff;vertical-align:1px;background:linear-gradient(135deg,#7b5cff,#1fc8db);border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9px}.inspector h4 .ai-tag{margin-right:auto}.hint.warn{color:#ffcf6a}.captions-panel .field{grid-template-columns:72px minmax(0,1fr)}.captions-panel .chips{flex-wrap:wrap}.unit.wide{white-space:nowrap;width:auto}.captions-panel .import{margin-top:8px}.captions-head{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin:16px 0 6px;font-size:12px;display:flex}.captions-head .link{margin-left:auto}.link.danger{color:var(--danger)}.transcript{gap:2px;margin:0;padding:0;list-style:none;display:grid}.transcript li{border-radius:5px;grid-template-columns:44px 1fr 20px;align-items:start;gap:4px;padding:3px;display:grid}.transcript li.active{background:color-mix(in srgb, var(--accent) 14%, transparent)}.transcript .ts{color:var(--accent);background:0 0;border:none;justify-content:flex-start;padding:4px 0;font:11px ui-monospace,Menlo,monospace}.transcript textarea{resize:none;field-sizing:content;-webkit-user-select:text;user-select:text;background:0 0;border-color:#0000;min-height:24px;padding:3px 6px;font-size:12px}.transcript textarea:hover,.transcript textarea:focus{border-color:var(--line);background:var(--panel-2)}.transcript .del{opacity:0;padding:2px 4px}.transcript li:hover .del{opacity:1}.caption-note{color:var(--dim);justify-content:space-between;align-items:center;margin:8px 0 0;font-size:11px;display:flex}.save-status{color:var(--dim);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.save-status .dot{background:#6b7080;border-radius:50%;width:7px;height:7px}.save-status.saved .dot{background:#3ecf8e}.save-status.saving .dot{background:var(--accent);animation:1s infinite pulse}.save-status.error{color:var(--danger)}.save-status.error .dot{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.welcome{z-index:55;background:radial-gradient(1200px 600px at 50% -10%, #1fc8db22, transparent), var(--bg);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.welcome-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(560px,100%);padding:28px;box-shadow:0 20px 60px #0008}.welcome-brand{align-items:center;gap:12px;margin-bottom:20px;display:flex}.welcome-brand h1{margin:0;font-size:22px}button.big{justify-content:center;padding:12px;font-size:14px}.welcome h4{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin:22px 0 8px;font-size:12px}.recents{gap:4px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.recents button{background:var(--panel-2);flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:9px 12px}.recent-name{font-weight:600}.recent-meta{color:var(--dim);font-size:11px}.project-modal .field{grid-template-columns:110px 1fr}.project-modal input{width:100%}.canvas-pick{gap:6px}.canvas-pick button{flex-direction:column;gap:4px;min-width:52px;padding:6px 8px;font-size:11px}.canvas-pick button.on{border-color:var(--accent);color:var(--accent)}.canvas-pick .ratio{border:1.5px solid;border-radius:3px;max-width:40px;height:26px;display:block}.asset-missing{color:#ffb3bb;background:#3a1016e6;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex;position:absolute;inset:0}.asset-missing button{padding:2px 8px;font-size:11px}.brand{gap:8px}.brand-mark{border-radius:7px;display:block}.brand-word{width:auto;height:18px;display:block}.brand-sep{background:var(--line);width:1px;height:20px;margin:0 4px 0 6px}.new-project-btn{white-space:nowrap}.welcome-mark{border-radius:12px}@media (max-width:700px){.brand-word,.brand-sep{display:none}}.app-menu{position:relative}.app-menu-button{background:0 0;border-color:#0000;align-items:center;gap:8px;padding:3px 8px 3px 4px;display:flex}.app-menu-button:hover:not(:disabled),.app-menu-button.open{background:var(--panel-2);border-color:var(--line)}.app-menu-button .chev{color:var(--text);opacity:.7;margin-left:-2px;font-size:12px}.app-menu-list{z-index:90;border:1px solid var(--line);background:#1f2128;border-radius:10px;width:290px;max-height:calc(100vh - 70px);padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 16px 44px #000b}.app-menu-list button[role=menuitem]{text-align:left;background:0 0;border:none;border-radius:6px;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;width:100%;padding:7px 8px;display:grid}.app-menu-list button[role=menuitem]:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 16%, transparent)}.mi-icon{text-align:center;opacity:.85;font-size:13px}.mi-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-menu-list kbd{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font:11px ui-monospace,Menlo,monospace;overflow:hidden}.app-menu-list hr{border:none;border-top:1px solid var(--line);margin:5px 2px}.menu-head{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);padding:6px 8px 2px;font-size:10px}.menu-profile{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:4px;padding:8px;display:flex}.menu-profile-name{font-weight:600}.menu-profile-sub{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:11px;overflow:hidden}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}img.avatar{object-fit:cover}.avatar.big{width:56px;height:56px;font-size:20px}.profile-head{align-items:center;gap:16px;margin:12px 0;display:flex}.avatar-colors{gap:6px;display:flex}.avatar-colors button{border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.avatar-colors button.on{border-color:#fff}.modal-wide{width:min(760px,100vw - 32px)}.setting-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:10px 0;display:grid}.setting-label{font-weight:600}.setting-hint{color:var(--dim);margin-top:2px;font-size:11px}.setting-control select{min-width:180px}.help{grid-template-columns:170px 1fr;gap:16px;min-height:320px;display:grid}.help-nav{flex-direction:column;gap:2px;display:flex}.help-nav button{background:0 0;border:none;justify-content:flex-start;padding:7px 10px}.help-nav button.on{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.help-body{max-height:60vh;font-size:13px;overflow:auto}.help-body h3{margin:4px 0 10px}.help-body li{margin:6px 0;line-height:1.5}table.shortcuts{border-collapse:collapse;width:100%}table.shortcuts td{border-bottom:1px solid var(--line);vertical-align:top;padding:6px 4px}table.shortcuts td:last-child{text-align:right}table.shortcuts kbd{background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font:12px ui-monospace,Menlo,monospace}.about{align-items:center;gap:16px;margin:8px 0 12px;display:flex}.about img{border-radius:22%}.about-links{gap:16px;margin-top:8px;display:flex}.hint button.link{font-size:inherit}.dim{color:var(--dim)}.where-pick{gap:6px}.where-pick button.on{border-color:var(--accent);color:var(--accent)}button.wide{width:100%}.welcome-card>.big.wide{margin-bottom:12px}.project-browser .big.wide{margin-bottom:4px}.recents li{grid-template-columns:1fr auto;align-items:stretch;gap:4px;display:grid}.recents .forget{opacity:.4}.recents li:hover .forget{opacity:1}.recent-name .tag{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);border-radius:3px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:500}@media (max-width:700px){.help{grid-template-columns:1fr}}.tl-clip.partner{border:2px dashed #ffffffb3}.tl-env-pt.starter{fill:#ffffffe6;stroke-width:2.5px;r:5.5px;filter:drop-shadow(0 0 2px #000c)}.tl-env-pt.starter:hover{fill:#3b9dff;stroke-dasharray:none}.tl-env-pt.starter.red:hover{fill:#ff4d5e}.sync-row{align-items:center;gap:3px;margin:6px 0 4px;display:flex}.sync-row button{font-variant-numeric:tabular-nums;padding:4px 7px;font-size:12px}.sync-input{flex:1;align-items:center;gap:3px;min-width:0;display:flex}.sync-input input{text-align:center;font-variant-numeric:tabular-nums;width:100%;min-width:0}.sync-input span{color:var(--dim);font-size:11px}.help-search{width:100%;margin:8px 0 12px;padding:8px 12px;font-size:13px}.help{grid-template-columns:190px 1fr}.help-body{max-height:62vh;padding-right:6px}.help-body h5{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 4px;font-size:12px}.help-body ul{margin:0;padding-left:18px}.help-intro{color:var(--dim);margin:0 0 6px}.help-hit{border-bottom:1px solid var(--line);padding:8px 0}.help-hit p{margin:4px 0 0;line-height:1.5}.help-hit .link{font-size:11px}.help mark{color:inherit;background:#ffcf3f55;border-radius:2px}.auto-panel section+section{border-top:1px solid var(--line);margin-top:14px;padding-top:4px}.auto-panel h4{margin:10px 0 2px}.auto-panel .field{grid-template-columns:78px minmax(0,1fr)}.auto-panel .field>.chips{margin:0}.auto-panel .import{margin-top:8px}.auto-panel .found{border:1px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 8%, transparent);margin-top:8px;padding:8px 10px}.auto-panel .found p{margin:0 0 8px}.auto-panel .found .row{gap:6px;display:flex}.hint.small{font-size:11px}.banner.view-only{color:#bdeff6;background:#10303a;border-color:#1f6b7a}.backup-stills{align-items:center;gap:10px;min-width:0;display:flex}.backup-strip{gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.backup-strip button{color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;gap:2px;padding:2px;font-size:10px;display:grid}.backup-strip button.on{border-color:var(--accent);color:var(--text)}.backup-sample{flex:none;justify-items:start;gap:2px;font-size:11px;display:grid}.backup-sample-video{aspect-ratio:16/9;background:#000;border-radius:4px;height:72px}.backup-sample-audio{width:260px;height:32px}.backup-strip img{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:4px;height:44px}.stage-still{object-fit:contain;pointer-events:none;background:#000;position:absolute}.stage-still-label{color:#fff;pointer-events:none;background:#000a;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute}.backup-stills{padding:4px 12px}.tl-wa{pointer-events:none;background:#1fc8db30;position:absolute;top:0;bottom:0}.tl-wa-bar{background:var(--accent);cursor:grab;pointer-events:auto;border-radius:0 0 3px 3px;height:7px;position:absolute;top:0;left:0;right:0}.tl-wa-edge{cursor:ew-resize;pointer-events:auto;width:8px;position:absolute;top:0;bottom:0}.tl-wa-edge.left{left:-4px}.tl-wa-edge.right{right:-4px}.tl-wa-tint{pointer-events:none;z-index:1;background:#1fc8db12;border-left:1px solid #1fc8db80;border-right:1px solid #1fc8db80;position:absolute;bottom:0}.tl-wa-chip{border:1px solid var(--accent);color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:0 2px 0 8px;display:inline-flex}.tl-wa-mode{border:1px solid #1fc8db80;border-radius:999px;margin:0 4px;display:inline-flex;overflow:hidden}.tl-wa-mode button{color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:0;padding:1px 8px;font-size:12px}.tl-wa-mode button.on{background:var(--accent);color:var(--accent-ink)}.tl-wa-chip .tl-wa-fit{color:var(--accent);padding:1px 8px;font-size:12px}.tl-hover{pointer-events:none;z-index:3;background:#ffd400;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tl-hover span{color:#1a1a00;white-space:nowrap;font-variant-numeric:tabular-nums;background:#ffd400;border-radius:3px;padding:0 4px;font-size:10px;line-height:14px;position:absolute;bottom:1px;left:5px}.side-tabs .sticker-heading:first-child{margin-top:0}.sticker-heading{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 4px;font-size:11px}.sticker-designs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.sticker-design{background:var(--panel-2);border-radius:var(--radius);color:var(--dim);border:1px solid #0000;justify-items:center;gap:4px;padding:8px 4px 6px;font-size:11px;display:grid}.sticker-design.on{border-color:var(--accent);color:var(--text)}.sticker-design img{object-fit:contain;width:100%;height:56px}.sticker-editor{background:var(--panel-2);border:1px solid var(--accent);border-radius:var(--radius);flex-shrink:0;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:6px 8px;padding:8px;display:grid}.sticker-editor img{object-fit:contain;background:repeating-conic-gradient(#2a2c33 0 25%, #22242a 0 50%) 0 0 / 16px 16px;border-radius:6px;grid-row:span 3;width:100%;height:72px}.sticker-colors{flex-wrap:wrap;gap:6px;display:flex}.sticker-colors button{border:2px solid var(--line);border-radius:50%;width:18px;height:18px;padding:0}.sticker-colors button.on{outline:2px solid var(--accent);outline-offset:2px}.sticker-custom-color{cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:22px;height:22px;position:relative;overflow:hidden}.sticker-custom-color input{opacity:0;cursor:pointer;position:absolute;inset:0}.filter-cats button.has:after{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:4px;display:inline-block}.text-preset span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;overflow:hidden}.modal.contact{width:min(520px,100vw - 32px)}.contact-field{color:var(--dim);flex-direction:column;gap:4px;margin:10px 0;font-size:12px;display:flex}.contact-field select,.contact-field input,.contact-field textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--text);font-size:13px}.contact-field textarea{resize:vertical;background:var(--bg);border:1px solid var(--line);border-radius:6px;min-height:120px;padding:8px}.contact-field small{align-self:flex-end}.contact-sent{color:var(--accent);font-size:15px}:root{--offline-bar:30px}html.offline #root{padding-top:var(--offline-bar)}html.offline .welcome{top:var(--offline-bar)}.offline-banner{z-index:100;height:var(--offline-bar);white-space:nowrap;color:#fff;text-align:center;background:#b45309;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 2px 8px #0006}.offline-banner .link{color:#fff;text-decoration:underline}html.update-ready #root{padding-top:var(--offline-bar)}html.update-ready .welcome{top:var(--offline-bar)}.update-banner{background:var(--accent);color:var(--accent-ink)}.update-banner .link{color:var(--accent-ink);font-weight:600}.type-pick{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px;display:grid}.type-card{text-align:left;white-space:normal;border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 14px;display:flex}.type-card:hover,.type-card:focus-visible{border-color:var(--accent)}.type-card b{font-size:15px}.type-card small{color:var(--dim);line-height:1.4}.type-icon{font-size:28px}.type-chosen{margin-top:-4px}@media (max-width:480px){.type-pick{grid-template-columns:1fr}}.app.audio-mode .workspace{grid-template-columns:var(--left-col,280px) minmax(0, 1fr) var(--right-col,360px)}.app.audio-mode>.dock-wrap.timeline{height:var(--timeline-h,max(260px, 52vh))}.audio-stage{flex-direction:column;display:flex}.audio-stage-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 16px;display:flex;position:relative}.audio-transport .icon{min-width:40px;font-size:12px}.meters{gap:5px;padding-bottom:14px;display:grid;position:relative}.meter-row{grid-template-columns:34px 1fr 44px;align-items:center;gap:8px;display:grid}.meter-label{font-size:11px;font-weight:700}.meter-label.L{color:#1fc8db}.meter-label.R{color:#ff3d9a}.meter-label.comp{color:#ffb020;letter-spacing:.04em;font-size:9px}.meter-gr{--gr:0;--gr-peak:0}.meter-gr-fill{clip-path:inset(0 0 0 calc((1 - var(--gr)) * 100%));background:#ffb020;position:absolute;inset:0}.meter-gr-peak{width:2px;top:0;bottom:0;left:calc((1 - var(--gr-peak)) * 100%);opacity:calc(var(--gr-peak) * 20);background:#fff;position:absolute}.meter{--rms:0;--peak:0;--hold:0;background:#ffffff0d;border-radius:3px;height:12px;position:relative;overflow:hidden}.meter-rms,.meter-peak{background:linear-gradient(90deg,#22c55e 0 80%,#f59e0b 80% 90%,#ef4444 90%);position:absolute;inset:0}.meter-rms{clip-path:inset(0 calc((1 - var(--rms)) * 100%) 0 0)}.meter-peak{clip-path:inset(0 calc((1 - var(--peak)) * 100%) 0 0);opacity:.35}.meter-hold{width:2px;top:0;bottom:0;left:calc(var(--hold) * 100% - 2px);opacity:calc(var(--hold) * 10);background:#fff;position:absolute}.meter.clip{box-shadow:0 0 0 1px #ef4444}.meter-db{color:var(--dim);text-align:right;font-family:ui-monospace,Menlo,monospace;font-size:11px}.meter-scale{height:12px;position:absolute;bottom:0;left:42px;right:52px}.meter-scale span{color:var(--dim);font-size:9px;position:absolute;transform:translate(-50%)}.audio-spectrum{flex:1;min-height:60px;display:flex}.audio-spectrum .spectrum{border-top:0;height:100%;padding:0}.audio-empty{text-align:center;color:var(--dim);pointer-events:none;position:absolute;bottom:40%;left:0;right:0}.audio-tracks{gap:4px;display:grid}.audio-track{border:1px solid var(--line);border-radius:6px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:8px;padding:6px 8px;display:grid}.audio-track .audio-track-name{font-weight:600}.audio-track button{grid-area:1/2/span 2}.audio-track.muted{opacity:.6}.check-row{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;align-items:start;gap:8px;padding:4px 0;font-size:12.5px;line-height:1.4;display:grid}.check-row input{margin-top:2px}.check-row small{display:block}.modal-actions .watermark-opt{align-self:center;margin:0 auto 0 0;font-size:12px}.export-blocked{background:#e5484d1f;border:1px solid #e5484d;border-radius:8px;margin:12px 0;padding:12px 14px}.export-blocked b{color:#ff6b70}.export-blocked p{margin:6px 0 0}.content-confirm{border:1px solid var(--line);border-radius:8px;margin:10px 0 0;padding:8px 12px 6px}.content-confirm legend{padding:0 4px;font-size:12px;font-weight:600}.content-confirm .hint{margin:4px 0 2px}.content-confirm .confirm-all{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:8px}.modal.modal-scroll{max-height:calc(100vh - 32px);overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow-y:auto}.modal.export-dialog{scrollbar-width:thin;scrollbar-color:var(--line) transparent;width:min(528px,100vw - 32px)}.modal.export-dialog::-webkit-scrollbar{width:10px}.modal.export-dialog::-webkit-scrollbar-thumb{background:var(--line);border:3px solid var(--panel);border-radius:6px}.modal.export-dialog::-webkit-scrollbar-track{background:0 0}.modal.sound-type{width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.sound-kinds{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.sound-kind{text-align:left;white-space:normal;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.sound-kind small{color:var(--dim);line-height:1.35}.sound-kind.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.instruments h4{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 2px;font-size:11px}@media (max-width:520px){.sound-kinds{grid-template-columns:1fr}}.sound-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.sound-row>span{font-weight:600}.sound-row .ghost{margin-left:auto;font-size:12px}.asset-badge.sound-badge{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 8px);top:3px;bottom:auto;overflow:hidden}@media (max-width:760px){:root{--offline-bar:48px}.offline-banner{white-space:normal;padding:0 10px;font-size:12px;line-height:1.3}html,body{height:auto;min-height:100%}body{overflow:hidden auto}#root{height:auto;min-height:100%}.app{gap:6px;height:auto;min-height:100dvh;padding:0 6px 12px}.workspace,.app.audio-mode .workspace{display:contents}.app>.topbar{order:0}.app>.banner{order:1}.preview,.audio-stage{order:2}.app>.dock-wrap.timeline,.app.audio-mode>.dock-wrap.timeline{order:3;height:min(340px,55dvh)}.bin{order:4}.inspector{order:5}.panel-splitter{display:none}.topbar{gap:6px;height:auto;min-height:46px}.brand{flex:1;min-width:0}.project-name{flex:1;width:auto;min-width:0}.save-status{display:none}.topbar-actions{flex:none;gap:4px}.topbar-actions button{padding:5px 8px;font-size:12px}.preview{height:max(240px,42dvh)}.audio-stage{min-height:0}.audio-spectrum{min-height:140px}.transport{padding:6px 8px}.bin,.inspector{display:flex}.bin{height:auto;min-height:280px;max-height:75dvh}.inspector{max-height:80dvh}.tl-toolbar{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.tl-toolbar>*{flex:none}.modal{max-height:calc(100dvh - 24px);overflow-y:auto}.sound-kinds{grid-template-columns:1fr}}.mobile-notice{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 10%, var(--panel));align-items:flex-start;gap:10px;margin:6px 6px 0;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.mobile-notice>span[aria-hidden]{font-size:20px;line-height:1}.mobile-notice p{flex:1;margin:0}.mobile-notice button{flex:none}.mobile-notice{z-index:56;position:relative}.tl-eq.on{color:var(--accent)}.tl-wa-draw{z-index:6;cursor:crosshair;outline-offset:-1px;background:#1fc8db0a;outline:1px dashed #1fc8db80;position:absolute;top:0;bottom:0;right:0}.tl-wa-draw-btn.on{color:var(--accent);background:#1fc8db1f}.make-instrument{margin-top:6px}.modal.instrument-dialog{width:min(780px,100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.inst-pick{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:6px;margin:12px 0;display:grid}.inst-pick button{border:1px solid var(--line);text-align:left;background:#ffffff06;border-radius:8px;align-items:center;gap:6px;padding:7px 8px;font-size:12.5px;display:flex}.inst-pick button span{font-size:16px}.inst-group{margin-top:10px}.inst-group>span{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10.5px;display:block}.inst-group .inst-pick{margin:0}.inst-pick button.on{border-color:var(--accent);color:var(--accent);background:#1fc8db14}.inst-keys-bar,.inst-chord,.inst-settings{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.inst-octave{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.inst-keys{-webkit-user-select:none;user-select:none;touch-action:manipulation;height:112px;margin:4px 0 10px;position:relative}.inst-key{border-radius:0 0 6px 6px;justify-content:center;align-items:flex-end;padding:0;display:flex;position:absolute;top:0}.inst-key.white{color:#555;z-index:1;background:#f4f5f7;border:1px solid #9aa0aa;width:7.14286%;height:100%}.inst-key.white span{margin-bottom:6px;font-size:10px}.inst-key.black{z-index:2;background:#1b1d22;border:1px solid #000;width:4.28571%;height:62%}.inst-key.white:active{background:#bfeff5}.inst-key.black:active{background:#1fc8db}.inst-key.white.sounding{background:#ffd23f}.inst-key.black.sounding{background:#e0a800}.note-roll{border:1px solid var(--line);background:#0003;border-radius:6px;height:64px;margin:0 0 8px;position:relative;overflow:hidden}.note-roll-note{box-sizing:border-box;background:#1fc8db99;border:1px solid #0006;border-radius:2px;min-height:3px;position:absolute}.note-roll-note.now{background:#ffd23f;box-shadow:0 0 6px #ffd23f}.note-roll-head{background:#ffd23f;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.inst-examples{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.inst-notes textarea{box-sizing:border-box;resize:vertical;width:100%;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.inst-settings label{align-items:center;gap:6px;font-size:13px;display:inline-flex}.inst-settings input[type=number]{width:64px}.inst-settings .meta{margin-left:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.drum-grid{gap:4px;margin:6px 0;padding-bottom:4px;display:grid;overflow-x:auto}.drum-row{min-width:calc(110px + var(--steps) * 18px);grid-template-columns:78px 1fr 24px;align-items:center;gap:6px;display:grid}.drum-name{text-align:left;border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#ffffff08;border-radius:6px;padding:4px 6px;font-size:12px;overflow:hidden}.drum-cells{grid-template-columns:repeat(var(--steps), minmax(14px, 1fr));gap:3px;display:grid}.drum-cell{border:1px solid var(--line);background:#ffffff0a;border-radius:4px;height:26px;padding:0}.drum-cell.beat{background:#ffffff16}.drum-cell.bar{margin-left:6px}.drum-cell.on{background:#1fc8db99;border-color:#1fc8db}.drum-cell.accent{background:#1fc8db;border-color:#b8f6ff}.drum-cell.now{outline-offset:1px;outline:2px solid #ffd23f}.drum-swing{align-items:center;gap:6px;display:inline-flex}.drum-swing input{width:90px}.drum-text summary{cursor:pointer;color:var(--dim);margin:6px 0;font-size:12.5px}.drum-text textarea{box-sizing:border-box;width:100%;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.asset-badge.inst-badge{color:#1a1206;background:#f5a524;font-weight:600;top:3px;bottom:auto}.asset-edit{color:#ffd27a;background:#000c;border:1px solid #f5a524;height:18px;padding:0 6px;font-size:10px;position:absolute;bottom:3px;left:4px}.asset-edit:hover{color:#1a1206;background:#f5a524}.admin-wait{color:var(--dim);margin:0;padding:32px}.country-backdrop{z-index:80}.field-control input[readonly]{color:var(--dim);cursor:default}.tl-beat{pointer-events:none;z-index:2;background:#ffffffb0;width:1px;height:7px;position:absolute;top:0}.tl-beat.bar{background:#ffcf3f;width:2px;height:12px;margin-left:-.5px}.beat-info{margin:8px 0;font-size:12px}.curve-presets button{white-space:nowrap}.curve-editor{aspect-ratio:2;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);touch-action:none;cursor:crosshair;width:100%;height:auto;margin:10px 0 4px;display:block}.curve-editor line{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.curve-editor line.mid{stroke:#ffffff40;stroke-dasharray:3 3}.curve-editor line.playhead{stroke:#ffffffc0}.curve-editor text{fill:var(--dim);text-anchor:end;font-size:9px}.curve-editor .area{fill:color-mix(in srgb, var(--accent) 14%, transparent)}.curve-editor .line{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.curve-editor circle{fill:var(--panel);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;cursor:grab}.curve-editor circle.on,.curve-editor circle:focus-visible{fill:var(--accent);outline:none}.tl-row.locked .tl-lane{background:repeating-linear-gradient(135deg,#0000 0 8px,#ffffff08 8px 16px)}.tl-row.locked .tl-clip{cursor:default;filter:saturate(.55)}.tl-row.locked .tl-handle{display:none}.tl-head-btns button.on{background:#ffcf3f40;border-radius:4px;box-shadow:inset 0 0 0 1px #ffcf3f99}.tl-row.locked .tl-head-name{color:#ffcf3f}.tl-head .tl-del{margin-left:auto}.tl-head .tl-comp+.tl-del{margin-left:0}button.danger-btn{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}button.danger-btn:hover:not(:disabled){background:#ff7684}.delete-track{max-width:400px}.delete-track p{color:var(--dim);margin:0}.insp-locked{border-radius:var(--radius);background:#ffcf3f14;border:1px solid #ffcf3f55;margin:0 0 10px;padding:8px 10px;font-size:12px}.insp-lockset{border:0;min-width:0;margin:0;padding:0}.insp-lockset:disabled{opacity:.6}.tl-head-name{cursor:text}.tl-comp{--gr:0;color:#ffc24d;letter-spacing:.02em;cursor:help;background:#ffb0201a;border:1px solid #ffb02099;border-radius:4px;flex:none;justify-content:center;align-items:center;width:29px;height:14px;margin:0 0 0 auto;font-size:7.5px;font-weight:800;line-height:1;display:inline-flex;position:relative;overflow:hidden}.tl-comp-fill{width:calc(var(--gr) * 100%);opacity:.55;background:linear-gradient(90deg,#ffb020,#ff6b4a);position:absolute;inset:0 auto 0 0}.tl-comp-label,.tl-comp-db{position:relative}.tl-comp-db{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}.tl-comp-db:empty{display:none}.tl-comp:not(.wide):has(.tl-comp-db:not(:empty)) .tl-comp-label{display:none}.tl-comp.wide{justify-content:flex-start;gap:5px;width:auto;height:17px;margin:2px 0 0;padding:0 5px;font-size:8.5px}.tl-comp.wide .tl-comp-label{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:50%;overflow:hidden}.tl-comp-meter{background:#0d0e11;border-radius:3px;flex:1;min-width:16px;height:6px;position:relative;overflow:hidden}.tl-comp.wide .tl-comp-fill{opacity:1}.tl-comp.wide .tl-comp-db{text-align:right;color:#ffc24d;flex:none;width:38px}.tl-head:has(.tl-comp):after{content:"";width:3px;height:calc(var(--gr,0) * 100%);pointer-events:none;background:linear-gradient(#ffb020,#ff6b4a);position:absolute;top:0;right:0}.tl-head[data-link]:has(.tl-comp):after{right:3px}.tl-head-input{width:100%;min-width:0;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--accent);border-radius:4px;margin-left:-4px;padding:1px 4px;font-size:12px}.dock-wrap{min-width:0;min-height:0;display:flex;position:relative}.dock-wrap>.panel{flex:1;min-width:0}.popout-btn{z-index:4;opacity:0;padding:2px 6px;font-size:13px;transition:opacity .15s;position:absolute;top:6px;right:6px}.dock-wrap:hover .popout-btn,.popout-btn:focus-visible{opacity:.8}.popout-btn:hover{opacity:1}.dock-strip{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:0;color:var(--dim);flex-direction:column;align-items:center;gap:8px;padding-top:6px;font-size:12px;display:flex}.dock-strip span{writing-mode:vertical-rl;white-space:nowrap}.dock-strip i{opacity:.7;font-style:normal}.dock-strip.timeline{flex-direction:row;flex:none;margin-top:6px;padding:2px 6px}.dock-strip.timeline span{writing-mode:horizontal-tb}.tl-float{flex:none;margin-left:4px}.dock-strip.left span{transform:rotate(180deg)}.side-splitter{z-index:5;cursor:col-resize;width:6px;position:absolute;top:0;bottom:0}.side-splitter.left{left:var(--left-col,280px)}.side-splitter.right{right:var(--right-col,290px)}.side-splitter:after{content:"";background:var(--line);border-radius:1px;width:2px;height:40px;margin-top:-20px;position:absolute;top:50%;left:2px}.side-splitter:hover:after,body.col-resizing .side-splitter:after{background:var(--accent);height:100%;margin-top:0;top:0}body.col-resizing,body.col-resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.popout-root{box-sizing:border-box;flex-direction:column;gap:6px;height:100vh;padding:6px;display:flex}.popout-root>.panel{flex:1;min-height:0;max-height:none;display:flex}.help-window{flex-direction:column;height:100%;min-height:0;padding:8px 10px 0;display:flex}.help-window-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.help-window-head h2{margin:0;font-size:18px}.help-window .help{flex:1;min-height:0}.help-window .help-nav{overflow:auto}.help-window .help-body{max-height:none;padding-bottom:16px}@media (max-width:560px){.help-window .help{grid-template-rows:auto 1fr;grid-template-columns:1fr}.help-window .help-nav{flex-flow:wrap}}.popout-bar{color:var(--dim);justify-content:space-between;align-items:center;padding:0 2px;font-size:12px;display:flex}@media (max-width:900px){.side-splitter,.popout-btn,.tl-float,.dock-strip{display:none}.dock-wrap{display:contents}.app>.dock-wrap.timeline{display:flex}}.curve-menu button{justify-content:flex-start;gap:10px}.curve-menu button.on{color:var(--accent)}.curve-menu .ctx-hint{margin-left:auto}.curve-menu .ctx-heading{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px 2px;font-size:11px}.curve-icon{flex:none}.curve-icon polyline{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.project-modal:has(.template-pick){width:min(620px,100vw - 32px)}.field-control.template-pick{grid-template-columns:1fr 1fr;align-items:stretch;gap:6px;max-height:248px;padding:2px;display:grid;overflow-y:auto}.template-pick button[role=radio]{text-align:left;white-space:normal;grid-template-columns:auto 1fr;place-content:start stretch;column-gap:6px;width:100%;height:100%;padding:7px 8px;display:grid}.template-pick button[role=radio]>span{grid-row:span 2;font-size:18px}.template-pick button[role=radio] small{color:var(--dim);font-size:10.5px;line-height:1.35}.template-pick button.on{border-color:var(--accent);background:#1fc8db14}.template-pick button.on b{color:var(--accent)}.template-mine{position:relative}.template-mine .forget{opacity:.5;position:absolute;top:2px;right:2px}.template-mine:hover .forget{opacity:1}.import-summary{overflow-wrap:anywhere;min-width:0}.project-browser>button.wide:not(.big){margin-bottom:4px}.sounds-tab .wide-seg button{flex:1}.sound-list{flex-direction:column;gap:2px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.side-tabs .sound-list{margin:0}.side-tabs .sound-list li{grid-template-columns:auto minmax(0,1fr) auto;padding:3px 2px}.side-tabs .sound-icon{display:none}.side-tabs .sound-play,.side-tabs .sound-add{width:24px;height:24px}.sound-list li{cursor:default;border:1px solid #0000;border-radius:6px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:4px;padding:4px 6px;display:grid}.sound-list li:hover{background:var(--panel-2)}.sound-list li.playing{border-color:var(--accent);background:#1fc8db14}.sound-play,.sound-add{justify-content:center;width:28px;height:28px;padding:0}.sound-icon{font-size:18px}.sound-text{flex-direction:column;min-width:0;display:flex}.sound-text b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sound-text small{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.bin-actions{gap:6px;margin-top:6px;display:flex}.bin-actions .record-btn{flex:1;justify-content:center}.rec-dot{background:var(--danger);border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}.modal.record-dialog{width:min(600px,100vw - 32px)}.record-modes{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.record-modes button{text-align:left;white-space:normal;grid-template-columns:auto 1fr;align-content:start;column-gap:6px;padding:7px 8px;display:grid}.record-modes button>span{grid-row:span 2;font-size:18px}.record-modes button small{color:var(--dim);font-size:10.5px;line-height:1.35}.record-modes button.on{border-color:var(--accent);background:#1fc8db14}.record-modes button.on b{color:var(--accent)}.record-stage{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.record-stage.mic{aspect-ratio:auto;height:90px}.record-stage video{object-fit:contain;width:100%;height:100%}.record-stage video.hidden{display:none}.record-stage.camera>video:first-child{transform:scaleX(-1)}.record-placeholder{color:var(--dim);text-align:center;padding:0 16px;font-size:13px}.record-bubble{aspect-ratio:1;border:2px solid #fff8;border-radius:50%;position:absolute;bottom:4%;right:4%;object-fit:cover!important;width:24%!important;height:auto!important}.record-count{color:#fff;background:#0008;justify-content:center;align-items:center;font-size:96px;font-weight:700;display:flex;position:absolute;inset:0}.record-badge{color:#fff;font-variant-numeric:tabular-nums;background:#000a;border-radius:12px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;display:flex;position:absolute;top:10px;left:10px}.record-badge .dot{background:var(--danger);border-radius:50%;width:9px;height:9px;animation:1s steps(2,start) infinite rec-blink}.record-badge.paused .dot{background:var(--dim);animation:none}@keyframes rec-blink{to{visibility:hidden}}.record-options{flex-direction:column;gap:6px;margin-top:10px;display:flex}.record-options .field{grid-template-columns:90px 1fr}.record-options select{flex:1;min-width:0}.record-level{background:var(--panel-2);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.record-level span{background:linear-gradient(90deg, #2fd17a, #ffd23f 70%, var(--danger));height:100%;transition:width 80ms linear;display:block}.record-dialog .record-start,.record-dialog .record-stop{background:var(--danger);border-color:var(--danger);color:#fff}.export-presets{flex-wrap:wrap;gap:4px;margin:10px 0 6px;display:flex}.export-presets button{padding:4px 8px;font-size:12px}.export-presets button.on{border-color:var(--accent);color:var(--accent);background:#1fc8db14}.preset-hint{margin:0 0 6px}.preset-shape{color:#ffd23f}.kf-chip.on{border-color:var(--accent);color:var(--accent)}.motion-curve{margin:8px 0 4px}.curve-pick{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.curve-pick button{align-items:center;gap:4px;padding:3px 7px;font-size:12px;display:inline-flex}.curve-pick button.on{border-color:var(--accent);color:var(--accent)}.curve-pick .curve-icon polyline{fill:none;stroke:currentColor;stroke-width:1.6px}.curve-all{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kb-all{margin:6px 0}.tour{z-index:1000;position:fixed;inset:0}.tour-dim{background:#000a;position:absolute;inset:0}.tour-ring{border:2px solid var(--accent);pointer-events:none;border-radius:10px;transition:all .25s;position:absolute;box-shadow:0 0 0 9999px #000a,0 0 18px #1fc8db88}.tour-card{background:var(--panel);border:1px solid var(--accent);border-radius:12px;max-width:calc(100vw - 24px);padding:14px 16px 12px;position:absolute;box-shadow:0 10px 40px #000c}.tour-card h3{margin:2px 0 6px;font-size:16px}.tour-card p{color:var(--text);margin:0 0 10px;font-size:13px;line-height:1.45}.tour-count{color:var(--dim);font-size:11px}.tour-dots{gap:5px;margin-bottom:10px;display:flex}.tour-dots span{background:var(--line);border-radius:50%;width:6px;height:6px}.tour-dots span.on{background:var(--accent)}.tour-actions{align-items:center;gap:6px;display:flex}.tour-actions .spacer{flex:1}.feedback-prompt{border:1px solid var(--accent);background:#1fc8db10;border-radius:10px;margin:10px 0 4px;padding:10px 12px}.feedback-window .feedback-prompt{background:0 0;border:0;margin:0;padding:0}.feedback-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.feedback-faces{gap:6px;margin:8px 0;display:flex}.feedback-faces button{filter:grayscale(.6);border-radius:8px;padding:2px 8px;font-size:22px}.feedback-faces button.on{filter:none;border-color:var(--accent);background:#1fc8db22}.feedback-prompt textarea{box-sizing:border-box;resize:vertical;width:100%;margin-top:6px}.feedback-sub{color:var(--dim);margin:8px 0 4px;font-size:12px}.feedback-areas{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:2px 14px;display:grid}.feedback-area{white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.feedback-stars{display:flex}.feedback-stars button{color:var(--dim);opacity:.45;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:17px;line-height:1.2}.feedback-stars button.on{color:#f5b301;opacity:1}.feedback-nps{gap:3px;display:flex}.feedback-nps button{text-align:center;font-variant-numeric:tabular-nums;flex:1;justify-content:center;min-width:0;padding:3px 0;font-size:12px}.feedback-nps button.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.feedback-nps-ends{color:var(--dim);justify-content:space-between;font-size:11px;display:flex}.feedback-actions{justify-content:flex-end;margin-top:6px;display:flex}.feedback-thanks{color:var(--accent);margin:10px 0 4px}.save-sound .field-stack{flex-direction:column;gap:10px;margin:4px 0 12px;display:flex}.save-sound .field-stack .check{align-items:flex-start;margin:0}.save-sound .field-stack .check input{margin-top:3px}.tl-head[data-color]{box-shadow:inset 3px 0 0 var(--track-color)}.tl-fade-handle{z-index:4;cursor:ew-resize;opacity:0;background:#0008;border:1px solid #fff;border-radius:2px;width:9px;height:9px;margin-left:-4px;transition:opacity .12s;position:absolute;top:1px}.tl-fade-handle.out{margin-left:-5px}.tl-clip:hover .tl-fade-handle,.tl-clip.selected .tl-fade-handle,.tl-fade-handle.on{opacity:1}.tl-fade-handle.on{background:var(--accent);border-color:var(--accent)}.tl-mixer:disabled{opacity:.45}.tl-mixer.on{color:var(--accent)}.mixer{flex-direction:column;gap:10px;min-height:0;display:flex}.mixer-window .float-window-body{flex-direction:column;display:flex}.mx-bar-top{flex-wrap:nowrap;align-items:center;gap:6px 14px;font-size:12px;display:flex}.mx-bar-top .check{margin:0}.mx-hint{color:var(--dim)}.mx-status{white-space:nowrap;text-overflow:ellipsis;text-align:right;flex:1;min-width:0;overflow:hidden}.mx-note{color:#ffb020}.mx-warn{color:var(--danger);font-weight:600}.mx-strips{align-items:stretch;gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.mx-strip{--strip:var(--dim);border:1px solid var(--line);border-top:3px solid var(--strip);background:var(--panel-2);border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:6px;width:92px;padding:6px 4px 8px;display:flex;position:relative}.mx-strip.off{opacity:.45}.mx-strip.silent:not(.off) .mx-bars{opacity:.4}.mx-strip.empty{opacity:.38;filter:grayscale();cursor:not-allowed}.mx-strip.master .mx-fader-row{gap:24px}.mx-master-faders{gap:2px;display:flex}.mx-master-faders .mx-db{width:38px}.mx-master-foot{width:74px;color:var(--dim);justify-content:space-between;align-items:center;margin-right:auto;font-size:11px;font-weight:700;display:flex}.mx-link{opacity:.45;font-size:12px}.mx-link.on{opacity:1;border-color:var(--accent)}.mx-strip.master{--strip:var(--accent);z-index:2;border-top-color:var(--accent);background:#1c2229;width:150px;position:sticky;right:0;box-shadow:-8px 0 12px #0008}.mx-head{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.mx-num{color:var(--dim);font-size:11px;font-weight:600}.mx-icon{background:0 0;border:none;padding:0 2px;font-size:16px}.mx-swatch{background:var(--strip);border:2px solid #fff3;border-radius:50%;width:16px;height:16px;padding:0}.mx-picker{z-index:5;border:1px solid var(--line);background:var(--panel);border-radius:6px;grid-template-columns:repeat(4,1fr);gap:3px;padding:5px;display:grid;position:absolute;top:30px;left:2px;right:2px;box-shadow:0 6px 20px #000a}.mx-swatch-pick{border:2px solid #0000;border-radius:50%;height:18px;padding:0}.mx-swatch-pick[aria-selected=true]{border-color:#fff}.mx-icon-pick{justify-content:center;padding:2px 0;font-size:15px}.mx-name{text-align:center;background:0 0;border-color:#0000;width:100%;padding:2px 4px;font-size:12px;font-weight:600}.mx-name:hover,.mx-name:focus{border-color:var(--line);background:var(--bg)}.mx-row{justify-content:center;gap:3px;display:flex}.mx-btn{justify-content:center;min-width:24px;height:22px;padding:0 5px;font-size:11px;font-weight:700}.mx-btn.power.on{color:var(--accent)}.mx-btn.mute.on{color:#1a1400;background:#c9a227;border-color:#c9a227}.mx-btn.solo.on{color:#04170a;background:#3fb950;border-color:#3fb950}.mx-btn.duck{font-weight:500}.mx-preset{width:100%;padding:2px;font-size:11px}.mx-comp{border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:4px;width:100%;padding:4px;display:flex}.mx-comp.on{border-color:color-mix(in srgb, var(--strip) 45%, transparent);background:color-mix(in srgb, var(--strip) 6%, transparent)}.mx-comp-head{align-items:center;gap:4px;display:flex}.mx-comp-head .mx-btn{flex:none;font-size:11px}.mx-gr{--gr:0;background:#0d0e11;border-radius:3px;flex:1;min-width:0;height:14px;position:relative;overflow:hidden}.mx-gr.idle{opacity:.35}.mx-gr-bar{width:calc(var(--gr) * 100%);background:linear-gradient(270deg,#ffb020,#ff6b4a);position:absolute;top:0;bottom:0;right:0}.mx-gr-db{text-align:left;font-variant-numeric:tabular-nums;color:var(--dim);padding:0 3px;font-size:9px;line-height:14px;display:block;position:relative}.mx-limiter{--strip:#ffb020}.mx-knobs{grid-template-columns:1fr 1fr;gap:4px 2px;width:100%;display:grid}.mx-knob{flex-direction:column;align-items:center;min-width:0;font-size:10px;line-height:1.15;display:flex}.mx-knob svg{cursor:ns-resize;touch-action:none;outline:none}.mx-knob svg:focus-visible .mx-knob-cap{stroke:var(--accent)}.mx-knob.disabled{opacity:.4}.mx-knob.disabled svg{cursor:default}.mx-knob-track{fill:none;stroke:#ffffff1c;stroke-width:3px;stroke-linecap:round}.mx-knob-value{fill:none;stroke:var(--strip,var(--accent));stroke-width:3px;stroke-linecap:round}.mx-knob-cap{fill:#2c2f37;stroke:#fff2}.mx-knob-pointer{stroke:#fff;stroke-width:2px;stroke-linecap:round}.mx-knob-label{color:var(--dim);white-space:nowrap;font-size:9.5px}.mx-knob-value-text{font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%;overflow:hidden}.mx-pan{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.mx-pan-ind{background:#ffffff1a;border-radius:2px;width:70%;height:4px;position:relative}.mx-pan-ind:before{content:"";border-left:1px solid #ffffff40;height:8px;position:absolute;top:-2px;left:50%}.mx-pan-ind span{background:var(--strip,var(--accent));border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:-2px}.mx-center{padding:0;font-size:11px}.mx-fader-row{flex:1;justify-content:center;align-items:stretch;gap:6px;width:100%;min-height:190px;display:flex}.mx-fader{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.mx-fader-input{appearance:none;writing-mode:vertical-lr;cursor:ns-resize;direction:rtl;background:repeating-linear-gradient(#ffffff26 0 1px,#0000 1px 12.5%) 0/6px 100% no-repeat,repeating-linear-gradient(#ffffff26 0 1px,#0000 1px 12.5%) 100%/6px 100% no-repeat;flex:1;width:34px;min-height:150px;margin:0}.mx-fader-input:focus-visible{outline:1px solid var(--strip,var(--accent));outline-offset:2px}.mx-fader-input::-webkit-slider-runnable-track{background:#040506;border-radius:3px;width:6px;margin:0 auto;box-shadow:inset 0 1px 3px #000,0 0 0 1px #ffffff12}.mx-fader-input::-webkit-slider-thumb{appearance:none;background:linear-gradient(to bottom, transparent 7.5px, var(--strip,var(--accent)) 7.5px 9.5px, transparent 9.5px), repeating-linear-gradient(to bottom, #ffffff1f 0 1px, transparent 1px 3px), linear-gradient(to bottom, #8a8f9a, #3b3f47 45%, #24272d 55%, #5b606b);border:1px solid #0009;border-radius:3px;width:30px;height:18px;margin-left:-12px;box-shadow:0 3px 5px #000c,inset 0 1px #fff5}.mx-fader-input:active::-webkit-slider-thumb{box-shadow:0 1px 3px #000c, inset 0 1px 0 #fff5, 0 0 0 1px var(--strip,var(--accent))}.mx-fader-input::-moz-range-track{background:#040506;border-radius:3px;width:6px;box-shadow:inset 0 1px 3px #000}.mx-fader-input::-moz-range-thumb{background:linear-gradient(to bottom, transparent 6.5px, var(--strip,var(--accent)) 6.5px 8.5px, transparent 8.5px), repeating-linear-gradient(to bottom, #ffffff1f 0 1px, transparent 1px 3px), linear-gradient(to bottom, #8a8f9a, #3b3f47 45%, #24272d 55%, #5b606b);border:1px solid #0009;border-radius:3px;width:28px;height:16px;box-shadow:0 3px 5px #000c,inset 0 1px #fff5}.mx-db{text-align:center;font-variant-numeric:tabular-nums;width:46px;padding:1px 2px;font-size:11px}.mx-meter{--l:0;--r:0;--hl:0;--hr:0;flex-direction:column;flex:none;align-items:center;gap:3px;width:30px;display:flex}.mx-clip{background:0 0;border:none;gap:2px;padding:0;display:flex}.mx-clip span{background:#3a1a1e;border-radius:2px;width:9px;height:6px}.mx-meter.clip-left .mx-clip .l,.mx-meter.clip-right .mx-clip .r{background:#ff2d3d;box-shadow:0 0 6px #ff2d3d}.mx-bars{flex:1;gap:2px;display:flex;position:relative}.mx-bar{background:#0b0c0f;border-radius:2px;width:9px;position:relative;overflow:hidden}.mx-fill{clip-path:inset(calc((1 - var(--lvl)) * 100%) 0 0 0);background:linear-gradient(#ff3b3b 10%,#e8c547 10% 30%,#2fbf5f 30% 100%);position:absolute;inset:0}.mx-bar.l{--lvl:var(--l);--hold:var(--hl)}.mx-bar.r{--lvl:var(--r);--hold:var(--hr)}.mx-hold{height:2px;left:0;right:0;bottom:calc(var(--hold) * 100% - 2px);opacity:calc(var(--hold) * 10);background:#fff;position:absolute}.mx-peak{white-space:nowrap;text-align:center;width:100%;color:var(--dim);font-variant-numeric:tabular-nums;font-size:10px;overflow:hidden}.mx-scale{width:20px;color:var(--dim);font-size:9px;position:absolute;top:0;bottom:0;right:calc(100% + 3px)}.mx-scale span{position:absolute;right:2px;transform:translateY(50%)}.mx-reset{font-size:11px}.mx-master-label{color:var(--dim);font-size:11px}.mx-lufs{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;width:100%;font-size:10px;display:grid}.mx-lufs div{background:#0b0c0f;border-radius:4px;flex-direction:column;padding:3px 0;display:flex}.mx-lufs b{font-variant-numeric:tabular-nums;font-size:12px}.mx-lufs span{color:var(--dim)}.mx-lufs button{grid-column:1/-1;font-size:11px}.mx-lufs-hint{color:var(--dim);grid-column:1/-1;margin:0}.tl-head-top{align-items:center;gap:2px;min-width:0;margin-left:-4px;display:flex}.tl-head-top .tl-head-name,.tl-head-top .tl-head-input{flex:1;min-width:0;margin-left:0}.tl-head[data-link]{box-shadow:inset -3px 0 0 var(--link-color)}.tl-head[data-link][data-color]{box-shadow:inset 3px 0 0 var(--track-color), inset -3px 0 0 var(--link-color)}.tl-head-btns .tl-link{opacity:.55}.tl-head-btns .tl-link.linked{opacity:1;background:color-mix(in srgb, var(--link-color) 28%, transparent);box-shadow:inset 0 0 0 1px var(--link-color);border-radius:4px}.tl-link sub{color:var(--link-color);margin-left:1px;font-size:9px;font-weight:700}.tl-link-menu{z-index:80;border:1px solid var(--line);background:#23252c;border-radius:8px;width:250px;padding:10px;font-size:12px;position:fixed;box-shadow:0 10px 30px #000a}.tl-link-title{margin:0 0 6px}.tl-link-menu ul{max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.tl-link-menu label{cursor:pointer;align-items:center;gap:8px;padding:4px 2px;display:flex}.tl-link-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tl-link-dot{color:#111;text-align:center;border-radius:8px;flex:none;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px}.tl-link-hint{color:var(--dim);margin:8px 0;font-size:11px}.tl-link-foot{justify-content:space-between;align-items:center;display:flex}.mx-linked{color:#111;border-radius:7px;padding:0 4px;font-size:9px;font-weight:700;line-height:14px}.float-window.template-gallery{min-width:0;overflow:hidden}.template-gallery .float-window-title{padding:0}.template-gallery .float-window-body{flex-direction:column;padding:0;display:flex;overflow:hidden;container-type:inline-size}.tg-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px 10px 20px;display:flex}.tg-head h2{white-space:nowrap;flex:1;margin:0}.tg-kinds{flex-wrap:wrap;flex:1;gap:6px;display:flex}.tg-kinds button{padding:6px 12px;font-size:14px;font-weight:600}.tg-kinds button.on{border-color:var(--accent);color:var(--accent);background:#1fc8db14}.tg-sizes{flex-wrap:wrap;gap:4px;display:flex}.tg-sizes button{align-items:center;gap:6px;padding:4px 9px;font-size:12px;display:inline-flex}.tg-sizes button.on{border-color:var(--accent);color:var(--accent);background:#1fc8db14}.tg-shape{border:1.5px solid;border-radius:2px;height:12px;display:inline-block}.tg-rating{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:8px;display:flex}.tg-rating-label{color:var(--dim);font-size:12px}.tg-stars{display:inline-flex}.tg-stars button{color:#3a3d46;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:22px;line-height:1}.tg-stars button.on{color:#ffc83d}.tg-stars button:disabled{cursor:default}.tg-rating-state{color:var(--dim);font-size:11px}.tg-search{width:min(280px,40vw)}.tg-body{flex:1;grid-template-columns:250px minmax(0,1fr) minmax(340px,440px);min-height:0;display:grid}.tg-cats{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.tg-cats button{white-space:normal;text-align:left;background:0 0;border:1px solid #0000;flex:none;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:6px 10px;font-size:13px;line-height:1.25;display:flex}.tg-cat-group{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:12px 10px 4px;font-size:11px;font-weight:600}.tg-cats button:hover{background:var(--panel-2)}.tg-cats button.on{color:var(--accent);background:#1fc8db1a;border-color:#1fc8db55}.tg-cat-label{flex:1}.tg-cat-icon{object-fit:cover;border-radius:7px;flex:none}.tg-cat-emoji{place-items:center;display:grid}.tg-cat-label{font-size:12.5px}.tg-cats small{color:var(--dim);font-size:11px}.tg-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:12px;padding:14px;display:grid;overflow-y:auto}.tg-card{text-align:left;white-space:normal;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;flex-direction:column;align-items:stretch;gap:4px;width:100%;height:100%;padding:8px;display:flex}.tg-card:hover{border-color:#ffffff40}.tg-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#1fc8db12}.tg-card.on b{color:var(--accent)}.tg-card small{color:var(--dim);font-size:11px;line-height:1.35}.tg-thumb{background:#0b0c0f;border-radius:6px;place-items:center;height:130px;margin-bottom:4px;display:grid;position:relative;overflow:hidden}.tg-frame{aspect-ratio:16/9;background:#16171c;place-items:center;max-width:100%;height:100%;display:grid;overflow:hidden}.tg-frame img{object-fit:cover;width:100%;height:100%;display:block}.tg-thumb-icon{font-size:34px}.tg-ratio{color:#fff;background:#000000b0;border-radius:4px;padding:1px 6px;font-size:10px;position:absolute;bottom:6px;right:6px}.tg-cell{display:flex;position:relative}.tg-cell>.tg-card{flex:1;min-width:0}.tg-fav{color:#fff;opacity:0;background:#000000a0;border:0;border-radius:50%;width:28px;height:28px;padding:0;font-size:16px;line-height:28px;transition:opacity .12s;position:absolute;top:12px;left:12px}.tg-cell:hover .tg-fav,.tg-fav:focus-visible,.tg-fav.on{opacity:1}.tg-fav.on{color:#ff4d7a}.tg-fav-wide{align-self:flex-start;margin:2px 0 6px}.tg-fav-wide.on span{color:#ff4d7a}.tg-signin-note{text-align:right;color:var(--dim);margin:6px 0 0;font-size:12px}@media (hover:none){.tg-fav{opacity:.85}}.tg-mine .forget{opacity:.6;position:absolute;top:12px;right:12px}.tg-mine:hover .forget{opacity:1}.tg-empty{color:var(--dim);grid-column:1/-1;padding:24px 8px}.tg-preview{border-left:1px solid var(--line);background:#131418;flex-direction:column;gap:10px;min-height:0;padding:14px 18px 16px;display:flex;overflow-y:auto}.tg-stage{background:#000;border-radius:8px;flex:none;place-items:center;height:min(380px,44vh);min-height:160px;display:grid;position:relative;overflow:hidden}.tg-stage canvas{cursor:pointer;max-width:100%;max-height:min(380px,44vh);display:block}.tg-stage canvas.dim{opacity:.25}.tg-stage.tg-none{color:var(--dim)}.tg-audio-art{text-align:center;color:var(--dim);cursor:pointer;background:radial-gradient(circle at 50% 40%,#1fc8db22,#0000 65%);place-content:center;justify-items:center;gap:10px;padding:16px;display:grid;position:absolute;inset:0}.tg-audio-art span{font-size:72px;line-height:1}.tg-loading{text-align:center;color:var(--dim);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.tg-controls{align-items:center;gap:8px;display:flex}.tg-controls input[type=range]{flex:1}.tg-options{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.tg-options .check{margin:0}.tg-volume{align-items:center;gap:6px;display:flex}.tg-volume input[type=range]{width:110px}.tg-vol-text{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--dim)}.tg-time{font-variant-numeric:tabular-nums;color:var(--dim);text-align:right;min-width:74px;font-size:12px}.tg-info h3{margin:4px 0 2px;font-size:16px}.tg-tips{color:var(--dim);margin:8px 0 0;padding-left:18px;font-size:12px;line-height:1.6}.tg-preview .modal-actions{margin-top:auto;padding-top:8px}.template-pick .browse-templates{text-align:left;white-space:normal;border-style:dashed;grid-column:1/-1;grid-template-columns:auto 1fr;align-content:start;column-gap:6px;padding:7px 8px;display:grid}.template-pick .browse-templates>span{grid-row:span 2;font-size:18px}.template-pick .browse-templates small{color:var(--dim);font-size:10.5px}.welcome-card>.welcome-templates{margin-top:-4px}@container (width<=1100px){.tg-body{grid-template-columns:200px minmax(0,1fr) 320px}}@container (width<=900px){.tg-body{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;overflow-y:auto}.tg-cats{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}.tg-cats button{flex:none;width:auto}.tg-cat-group{display:none}.tg-preview{border-left:0;border-top:1px solid var(--line);overflow:visible}.tg-grid{overflow:visible}}@font-face{font-family:Montserrat;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/Montserrat-400-800.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Poppins-400.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Poppins-700.woff2)format("woff2")}@font-face{font-family:Oswald;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/Oswald-400-700.woff2)format("woff2")}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/BebasNeue-400.woff2)format("woff2")}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Anton-400.woff2)format("woff2")}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Bangers-400.woff2)format("woff2")}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Pacifico-400.woff2)format("woff2")}@font-face{font-family:Lobster;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Lobster-400.woff2)format("woff2")}@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PermanentMarker-400.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/Caveat-400-700.woff2)format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/PlayfairDisplay-400-700.woff2)format("woff2")}@font-face{font-family:Abril Fatface;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/AbrilFatface-400.woff2)format("woff2")}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PressStart2P-400.woff2)format("woff2")}@font-face{font-family:Monoton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Monoton-400.woff2)format("woff2")}@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Righteous-400.woff2)format("woff2")}@font-face{font-family:Luckiest Guy;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LuckiestGuy-400.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSerif-400.woff2)format("woff2")}@font-face{font-family:Sacramento;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Sacramento-400.woff2)format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/Fredoka-400-700.woff2)format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/Orbitron-400-900.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/SpaceGrotesk-400-700.woff2)format("woff2")}@font-face{font-family:Creepster;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Creepster-400.woff2)format("woff2")}