@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#faf9f6;--surface:#fff;--sunken:#f2f0eb;--ink:#16150f;--ink-2:#57534a;--ink-3:#737066;--line:#e6e2d9;--line-strong:#cfc9bc;--accent:#6d4aff;--accent-fill:#6d4aff;--accent-ink:#fff;--accent-soft:#eee9ff;--accent-line:#c9bcff;--good:#17693a;--warn:#9a6416;--bad:#c4362b;--wave:#b9b3a6;--block:#e6dfff;--grid:#16150f0d;--radius:14px;--radius-sm:9px;--shadow:0 1px 0 #16150f0a, 0 8px 24px -12px #16150f2e;--sans:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--script-fallback:"Segoe UI", "Nirmala UI", "Noto Sans Devanagari", "Kohinoor Devanagari", "Noto Naskh Arabic", "Geeza Pro", "Noto Sans Arabic", "Noto Sans", sans-serif;--mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f0f0d;--surface:#181816;--sunken:#121210;--ink:#f2efe8;--ink-2:#b4afa4;--ink-3:#8f8a7f;--line:#2a2925;--line-strong:#3a3833;--accent:#a48bff;--accent-soft:#221a45;--accent-line:#4b3a99;--good:#4cc38a;--warn:#e0a64a;--bad:#ff8a7a;--wave:#4a4740;--block:#2c2358;--grid:#f2efe80d;--shadow:0 1px 0 #0000004d, 0 8px 24px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#0f0f0d;--surface:#181816;--sunken:#121210;--ink:#f2efe8;--ink-2:#b4afa4;--ink-3:#8f8a7f;--line:#2a2925;--line-strong:#3a3833;--accent:#a48bff;--accent-soft:#221a45;--accent-line:#4b3a99;--good:#4cc38a;--warn:#e0a64a;--bad:#ff8a7a;--wave:#4a4740;--block:#2c2358;--grid:#f2efe80d;--shadow:0 1px 0 #0000004d, 0 8px 24px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{overflow-x:clip}body{background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans), var(--script-fallback);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;margin:0}:lang(ur){font-family:"Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", "Noto Naskh Arabic", var(--script-fallback);line-height:2}:lang(ar){font-family:"Noto Naskh Arabic", "Segoe UI", "Geeza Pro", var(--script-fallback)}:lang(hi){font-family:"Noto Sans Devanagari", "Nirmala UI", "Kohinoor Devanagari", var(--sans)}a{color:var(--accent);text-underline-offset:3px}h1,h2,h3{letter-spacing:-.02em;font-weight:680;line-height:1.15}h1{margin:0 0 8px;font-size:clamp(28px,5vw,40px)}h2{margin:0 0 12px;font-size:28px}h3{margin:0 0 8px;font-size:20px}p{margin:0 0 12px}.mono,code,kbd{font-family:var(--mono);font-variant-numeric:tabular-nums;font-variant-ligatures:none}code{background:var(--sunken);border-radius:5px;padding:1px 5px;font-size:.88em}kbd{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:12px}.small{color:var(--ink-2);font-size:13px}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:650}.icon{flex:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,.btn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:550;line-height:1.2;text-decoration:none;transition:background-color .15s ease-out,border-color .15s ease-out,transform .15s ease-out;display:inline-flex}button:hover:not(:disabled),.btn:hover{border-color:var(--ink-3)}button:active:not(:disabled),.btn:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary,.btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-ink)}button.primary:hover:not(:disabled){background:#5b38f0;border-color:#5b38f0}button.primary.big{border-radius:12px;min-height:52px;padding:12px 22px;font-size:17px}button.ghost,.btn.ghost{background:0 0}button.link{all:unset;color:var(--accent);cursor:pointer;text-decoration:underline}.icon-btn{min-width:36px;min-height:36px;color:var(--ink-2);background:0 0;border-color:#0000;padding:6px}.icon-btn:hover:not(:disabled){background:var(--sunken);border-color:var(--line);color:var(--ink)}button.copy{min-height:32px;padding:4px 10px;font-size:13px}select,input,textarea{font:inherit;color:var(--ink);background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:40px;padding:8px 10px;font-size:15px}select:hover,input:hover,textarea:hover{border-color:var(--line-strong)}input[type=range]{accent-color:var(--accent-fill);background:0 0;border:0;min-height:24px;padding:0}input[type=checkbox]{accent-color:var(--accent-fill);width:16px;height:16px;min-height:0}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.inline{align-items:center;gap:8px;display:inline-flex}.inline input[type=number]{width:72px}.row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.row.tight{gap:8px;margin-top:0}.segmented{background:var(--sunken);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:flex}.segmented button{background:0 0;border:1px solid #0000;flex-direction:column;flex:1;gap:2px;min-height:44px;padding:6px 10px}.segmented button span{color:var(--ink-2);font-size:12px;font-weight:450}.segmented button.on{background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow)}.segmented.small-seg button{flex-direction:row;min-height:36px}.segmented button:disabled{opacity:.5;cursor:not-allowed}.options .field.wide{grid-column:1/-1}.chip{color:var(--good);background:color-mix(in srgb, var(--good) 10%, transparent);border:1px solid color-mix(in srgb, var(--good) 30%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:550;display:inline-flex}.hint{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius-sm);align-items:center;gap:8px;margin:16px 0 0;padding:10px 12px;font-size:14px;display:flex}.hint.warn-hint{background:color-mix(in srgb, var(--warn) 12%, var(--surface));border-color:color-mix(in srgb, var(--warn) 40%, transparent);margin:0}.error{color:var(--bad);align-items:flex-start;gap:8px;margin:16px 0 0;font-size:15px;display:flex}.tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px;font-size:11px}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}header.site{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:14px 16px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent-fill);color:#fff;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.brand small{color:var(--ink-3);font-size:14px;font-weight:500}header.site nav{align-items:center;gap:4px;display:flex}header.site nav a{color:var(--ink-2);border-radius:8px;padding:8px 10px;font-size:15px;text-decoration:none}header.site nav a:hover,header.site nav a[aria-current=page]{color:var(--ink);background:var(--sunken)}.theme-toggle{min-width:36px;min-height:36px;color:var(--ink-2);background:0 0;border-color:#0000;padding:6px}.theme-toggle:hover{background:var(--sunken)}.theme-toggle .moon,:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{display:none}:root:not([data-theme=light]) .theme-toggle .moon{display:block}}@media (width<=880px){header.site nav a.hide-sm{display:none}}@media (width<=1240px){header.site nav a.hide-md{display:none}}@media (width<=1000px){header.site nav a.hide-ml{display:none}}@media (width<=2000px){header.site nav a.hide-xl{display:none}}.hero{padding:24px 0 8px;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--grid) 1.2px, transparent 1.2px);background-size:24px 24px;position:absolute;inset:-80px -100vw 40%;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.hero .sub{color:var(--ink-2);max-width:68ch;margin:0 0 20px}.hero h1 .accent{color:var(--accent)}main{padding-bottom:32px}#tool{min-height:360px}section.content{max-width:760px;margin:96px auto 0}@media (width<=720px){section.content{margin-top:64px}}section.content h2{margin-top:48px}section.content p,section.content li{color:var(--ink-2);max-width:68ch}section.content ol.how{counter-reset:how;gap:12px;padding:0;list-style:none;display:grid}section.content ol.how li{counter-increment:how;grid-template-columns:36px 1fr;gap:12px;display:grid}section.content ol.how li:before{content:counter(how, decimal-leading-zero);font-family:var(--mono);color:var(--accent);padding-top:3px;font-size:14px}section.content details{border-top:1px solid var(--line);padding:14px 0}section.content details:last-of-type{border-bottom:1px solid var(--line)}section.content summary{cursor:pointer;color:var(--ink);font-weight:600;list-style-position:outside}section.content details p{margin:8px 0 0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0;display:grid}.feature-grid>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px}.feature-grid strong{margin-bottom:4px;display:block}.feature-grid p{margin:0;font-size:15px}table.facts{border-collapse:collapse;width:100%;margin:12px 0;font-size:15px}table.facts th,table.facts td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}table.facts th{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11px;font-weight:650}.related{max-width:1120px;margin:96px auto 0;padding:0 16px}.related ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.related a{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;transition:border-color .15s ease-out;display:flex}.related a:hover{border-color:var(--accent-line)}.related a span{color:var(--ink-2);font-size:13px}footer.site{border-top:1px solid var(--line);max-width:1120px;color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:64px auto 0;padding:24px 16px 40px;font-size:13px;display:flex}footer.site a{color:var(--ink-2)}footer.site nav{flex-wrap:wrap;gap:16px;display:flex}noscript p{background:var(--accent-soft);border-radius:var(--radius-sm);padding:12px}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-width:880px;padding:16px}.drop{border:2px dashed var(--line-strong);text-align:center;cursor:pointer;background:var(--sunken);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:56px 16px;transition:border-color .15s ease-out,background-color .15s ease-out;display:flex}.drop strong{letter-spacing:-.01em;font-size:22px}.drop span{color:var(--ink-2)}.drop .formats{color:var(--ink-2);margin-top:6px;font-size:12px}.drop-icon{background:var(--surface);border:1px solid var(--line);width:56px;height:56px;color:var(--accent);border-radius:16px;place-items:center;margin-bottom:8px;transition:transform .18s ease-out;display:grid}.drop:hover,.drop.dragging{border-color:var(--accent);background:var(--accent-soft)}.drop.dragging .drop-icon{transform:translateY(-4px)scale(1.05)}@media (width<=520px){.drop{padding:36px 12px}.drop strong{font-size:19px}}.picker-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.sample-btn{text-align:left;gap:12px;min-height:52px;padding:8px 14px 8px 8px}.sample-btn>span:last-child{flex-direction:column;display:flex}.sample-btn .small{font-weight:400}.sample-thumb{color:#a48bff;background:#121210;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.credit{color:var(--ink-3);margin:8px 0 0}.file-card{border:1px solid var(--line);background:var(--sunken);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.file-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.file-meta{flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.options{grid-template-columns:1fr 1.6fr;gap:16px;margin-top:16px;display:grid}.options.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=640px){.options,.options.three{grid-template-columns:1fr}}.progress-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.progress-head .file-name{max-width:60vw;font-weight:600}.readout-num{letter-spacing:-.03em;font-size:40px;font-weight:600;line-height:1}.readout-num small{color:var(--ink-3);margin-left:2px;font-size:18px}.steps{gap:4px;margin:20px 0 0;padding:0;list-style:none;display:grid}.step{grid-template-columns:24px 1fr;gap:12px;padding:10px 0;display:grid}.step-dot{border:2px solid var(--line-strong);border-radius:50%;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.step.active .step-dot{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.step.done .step-dot{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}.step.waiting{color:var(--ink-3)}.step-body{flex-direction:column;gap:4px;min-width:0;display:flex}.step-line{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.bar{background:var(--sunken);border:1px solid var(--line);border-radius:999px;height:8px;margin-top:6px;overflow:hidden}.bar>div{background:var(--accent-fill);transform-origin:0;border-radius:999px;width:100%;height:100%;transition:transform .3s ease-out}.bar>.sweep{width:35%;animation:1.4s ease-in-out infinite sweep}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}.editor{flex-direction:column;gap:12px;display:flex}.editor-top{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 12px 10px 16px;display:flex}.title-block{flex-direction:column;min-width:0;max-width:260px;display:flex}.readouts{flex-wrap:wrap;flex:1;gap:4px;margin:0;display:flex}.readout-cell{border-left:1px solid var(--line);padding:2px 12px}.readout-cell dd{margin:0;font-size:17px;font-weight:550}.top-actions{align-items:center;gap:4px;display:flex}.editor-main{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:start;gap:12px;display:grid}.stage-col{flex-direction:column;gap:8px;min-width:0;display:flex;position:sticky;top:8px}.stage{--ar:16 / 9;border-radius:var(--radius);cursor:pointer;aspect-ratio:var(--ar);width:min(100%, calc(64vh * (var(--ar))));background:#0b0b0a;place-items:center;margin-inline:auto;display:grid;position:relative;overflow:hidden}.stage-col:has(.stage.portrait){border-radius:var(--radius);background:#0b0b0a}.stage.portrait{border-radius:0}.stage video{object-fit:contain;width:100%;height:100%;display:block}.stage-blank{color:#5c5850}.play-hint{color:#fff;pointer-events:none;background:#00000073;border-radius:50%;place-items:center;width:64px;height:64px;transition:opacity .15s ease-out;display:grid;position:absolute}.transport{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:6px;padding:6px;display:flex}.transport .play{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff;border-radius:10px;width:44px;height:40px;padding:0}.transport .clock{margin-left:8px;font-size:14px}.transport .clock .dim{color:var(--ink-3)}.transport .small-btn{min-height:36px;margin-left:auto;font-size:14px}.overlay{pointer-events:none;justify-content:center;padding:7% 5%;display:flex;position:absolute;inset:0}.overlay.pos-bottom{align-items:flex-end}.overlay.pos-middle{align-items:center}.overlay.pos-top{align-items:flex-start}.cap{white-space:pre-line;text-align:center;color:var(--cap-color,#fff);font-size:var(--cap-size,24px);line-height:1.25;font-weight:var(--cap-weight,700);font-family:var(--sans), var(--script-fallback);-webkit-text-stroke:var(--cap-stroke,0) #000;paint-order:stroke fill;text-shadow:0 2px 6px #00000080}.cap:lang(ur){font-family:"Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", "Noto Naskh Arabic", var(--script-fallback);line-height:1.9}.cap.box{-webkit-box-decoration-break:clone;box-decoration-break:clone;text-shadow:none;background:#0000009e;border-radius:.2em;padding:.12em .45em}.cap.upper{text-transform:uppercase}.cap .w{transition:color 80ms linear}.cap .w.on{color:var(--cap-hl)}.side{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;min-width:0;max-height:calc(64vh + 56px);display:flex}.tabs{border-bottom:1px solid var(--line);gap:2px;padding:6px;display:flex}.tabs button{color:var(--ink-2);background:0 0;border-color:#0000;flex:1;gap:6px;min-height:38px;font-size:14px}.tabs button.on{background:var(--sunken);color:var(--ink);border-color:var(--line)}.tabs .count{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:0 6px;font-size:11px}.tab-panel{flex:1;min-height:240px;overflow:auto}.transcript-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.transcript{padding:12px 16px;font-size:16px;line-height:1.65}.transcript p{border-radius:var(--radius-sm);unicode-bidi:plaintext;margin:0 0 14px;padding:4px 8px}.transcript p.on{background:var(--accent-soft)}.transcript .stamp{min-height:0;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:13px;display:inline}.transcript .stamp:hover{text-decoration:underline}.transcript:lang(ur){line-height:2.1}.transcript-note{color:var(--ink-3);border-top:1px solid var(--line);margin:0;padding:8px 12px}.view-toggle{flex:none}.panel-body{flex-direction:column;gap:16px;padding:16px;display:flex}.panel-body .row{margin-top:0}.lede{color:var(--ink-2);margin:0}.empty{color:var(--ink-2);padding:24px 16px}.cues{margin:0;padding:0;list-style:none}.cue{border-bottom:1px solid var(--line);border-left:3px solid #0000;gap:6px;padding:10px 12px;display:grid}.cue.active{background:var(--accent-soft)}.cue.selected{border-left-color:var(--accent-fill)}.cue-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cue-num{min-height:30px;color:var(--ink-2);gap:4px;padding:2px 8px;font-size:12px}.time{width:92px;min-height:30px;padding:4px 6px;font-size:13px}.arrow{color:var(--ink-3);font-size:13px}.metric{color:var(--ink-3);margin-left:auto;font-size:11px}.metric+.metric{margin-left:4px}.metric.warn{color:var(--warn);font-weight:650}.cue textarea{resize:vertical;field-sizing:content;background:var(--surface);width:100%;min-height:2.6em;line-height:1.45}.cue textarea:lang(ur){line-height:2}.cue-ops{justify-content:flex-end;gap:2px;display:flex}.cue-ops .icon-btn{min-width:30px;min-height:30px}.presets{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.preset{flex-direction:column;gap:6px;padding:6px;font-size:13px}.preset.on{border-color:var(--accent-fill);box-shadow:0 0 0 3px var(--accent-soft)}.preset-swatch{background:linear-gradient(135deg,#3b3a36,#121210);border-radius:7px;place-items:center;width:100%;height:48px;display:grid}.preset-swatch .cap{--cap-size:20px;font-size:20px}.preset-swatch.box .cap{background:#0000009e;border-radius:4px;padding:0 6px}.privacy{align-items:flex-start;gap:6px;margin:0;display:flex}.hooks-result{gap:12px;display:grid}.readout{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.readout-head{border-bottom:1px solid var(--line);background:var(--sunken);justify-content:space-between;align-items:center;padding:8px 8px 8px 12px;display:flex}.hook-list,.title-list{margin:0;padding:0;list-style:none}.hook-list li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:2px 8px;padding:12px;display:grid}.hook-list li:last-child,.title-list li:last-child{border-bottom:0}.hook-meta{grid-column:1;align-items:center;gap:8px;display:flex}.hook-meta .num{color:var(--ink-3);font-size:12px}.hook-list .first-line{grid-column:1;margin:4px 0 0;font-size:16px;font-weight:600}.hook-list .on-screen{grid-column:1;margin:0}.hook-list .copy{grid-area:1/2/span 3;align-self:center}.title-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 12px;font-weight:550;display:flex}.turnstile:empty{display:none}.timeline{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.timeline-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:6px 8px 6px 14px;display:flex}.timeline-bar .zoom{gap:2px;margin-left:auto;display:flex}.timeline-scroll{cursor:text;touch-action:pan-x;scrollbar-width:thin;position:relative;overflow:auto hidden}.timeline-inner{height:112px;position:relative}.wave{pointer-events:none;height:100%;position:absolute;top:0}.block{background:var(--block);border:1px solid var(--accent-line);height:58px;color:var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;align-items:center;font-size:12px;display:flex;position:absolute;top:34px;overflow:hidden}.block:active{cursor:grabbing}.block.active{border-color:var(--accent)}.block.selected{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff;z-index:1}.block-text{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;padding:0 10px;overflow:hidden}.handle{cursor:ew-resize;flex:none;align-self:stretch;width:8px}.block:hover .handle,.block.selected .handle{background:color-mix(in srgb, currentColor 18%, transparent)}.playhead{background:var(--accent);pointer-events:none;z-index:2;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.playhead:before{content:"";border:5px solid #0000;border-top-color:var(--accent);position:absolute;top:0;left:-4px}.export-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 12px 10px 16px;display:flex}.export-label{flex-direction:column;display:flex}.export-buttons{flex-wrap:wrap;gap:8px;display:flex}.export-buttons button{min-width:84px}.rtl-toggle{margin-left:auto}.editor-foot{flex-direction:column;gap:12px;display:flex}.meta{margin:0}.pro{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.pro strong{color:var(--ink)}dialog.shortcuts{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);width:min(520px,100vw - 32px);box-shadow:var(--shadow);padding:20px}dialog.shortcuts::backdrop{background:#00000073}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dialog-head h2{margin:0;font-size:20px}dialog.shortcuts dl{gap:2px;margin:0;display:grid}dialog.shortcuts dl>div{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;gap:12px;padding:6px 0;font-size:14px;display:grid}dialog.shortcuts dt{flex-wrap:wrap;gap:4px;display:flex}dialog.shortcuts dd{color:var(--ink-2);margin:0}@media (width<=960px){.editor-main{grid-template-columns:1fr}.stage-col{position:static}.side{max-height:none}.tab-panel{max-height:70vh}.hide-narrow{display:none}}@media (width<=640px){.tool-card{padding:12px}.editor-top{gap:8px 12px;padding:10px 12px}.title-block{flex:1;max-width:none}.top-actions .ghost{padding:6px 10px}.readouts{flex-basis:100%;order:3}.readout-cell{padding:2px 10px}.readout-cell:first-child{border-left:0;padding-left:0}.readout-cell dd{font-size:15px}.export-bar{z-index:5;border-radius:var(--radius) var(--radius) 0 0;gap:8px;padding:8px;position:sticky;bottom:0;box-shadow:0 -8px 24px -16px #0006}.export-label{display:none}.export-buttons{flex-wrap:nowrap;flex:100%;gap:6px}.export-buttons button{flex:1;min-width:0;padding:8px 4px;font-size:14px}.export-buttons button .icon{display:none}.rtl-toggle{margin-left:0}.transport .small-btn{padding:6px 10px}.transport .small-btn .label-text{display:none}.hero{padding-top:8px}.hero .sub{font-size:16px}.transport .clock{white-space:nowrap;margin-left:2px;font-size:12px}.time{width:82px;font-size:12px}.cue-num{padding:2px 6px}}@media (width<=400px){.hide-xs{display:none}}@media (pointer:coarse){.desktop-only{display:none}}.converter{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}@media (width<=760px){.converter{grid-template-columns:1fr}.converter textarea{min-height:200px}}.converter .pane{flex-direction:column;gap:8px;min-width:0;display:flex}.pane-head{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.converter textarea{min-height:300px;font-family:var(--mono);font-variant-ligatures:none;resize:vertical;unicode-bidi:plaintext;font-size:13px;line-height:1.6}.converter .pane.in textarea{border-style:dashed;border-width:2px;border-color:var(--line-strong)}.converter.dragging .pane.in textarea{border-color:var(--accent);background:var(--accent-soft)}.converter .actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.converter .actions .stat{margin-left:auto}#message{color:var(--good);font-size:14px}#message.error{color:var(--bad);margin:0}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.callout{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:var(--radius);margin:24px 0;padding:16px}.callout p:last-child{margin:0}header.site nav a{white-space:nowrap}@media (width<=420px){.brand small{display:none}}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:16px 0;display:grid}.demo{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;margin:0;padding:14px;display:flex}.demo figcaption{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.demo figcaption span{color:var(--ink-2);font-size:13px}.demo audio{width:100%;height:40px}section.content .demo details{border:0;padding:0}section.content .demo summary{color:var(--ink-2);font-size:13px;font-weight:550}section.content .demo details p{font-size:14px}#handoff-status{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);max-width:72ch;color:var(--ink-2);margin:0 auto 12px;padding:10px 14px;font-size:14px}#handoff-status[data-state=ok]{border-color:var(--good);color:var(--ink)}#handoff-status[data-state=error]{border-color:var(--bad);color:var(--ink)}.error.unsupported{max-width:72ch;margin:0 auto 16px}