@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg0:#070a12;--bg1:#0d1324;--card:#121a2eb8;--stroke:#78a0dc2e;--text:#e8edf7;--muted:#8b9ab8;--accent:#5eead4;--accent-dim:#2dd4bf;--warn:#fbbf24;--radius-lg:20px;--radius-md:12px;--shadow:0 24px 80px #00000073;color:var(--text);background:var(--bg0);font-family:Instrument Sans,system-ui,sans-serif;line-height:1.55}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse 100% 80% at 50% -30%, #5eead41f, transparent), radial-gradient(ellipse 60% 50% at 100% 50%, #6366f114, transparent), var(--bg0);min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page{flex-direction:column;max-width:880px;min-height:100vh;margin:0 auto;padding:2rem 1.25rem 0;display:flex}.page>main{flex:1}.top{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--stroke);background:#101728;grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;margin:-2rem calc(50% - 50vw) 2rem;padding:1rem 1.25rem .9rem;display:grid;position:sticky;top:0}.header-navs{flex-direction:column;justify-content:flex-end;justify-self:center;align-items:center;gap:.65rem;display:flex}.brand{justify-self:start;align-items:center;gap:.85rem;margin-left:6ch;display:flex}.brand-link{color:inherit;text-decoration:none;display:block}.brand-link:hover{text-decoration:none}.brand-name{letter-spacing:-.02em;align-items:center;gap:.12rem;font-size:1.65rem;font-weight:700;display:flex}.brand-initial{background:var(--accent);color:#fff;border-radius:.22em;justify-content:center;align-items:center;width:1.05em;height:1.05em;font-weight:800;line-height:1;display:inline-flex}.brand-rest{color:var(--text)}.brand-tag{color:var(--muted);font-size:.8rem}.nav{gap:1.25rem;font-size:.9rem;display:flex}.nav a{color:var(--muted)}.nav a:hover{color:var(--text)}.nav-main{justify-content:center;gap:.5rem}.nav-pill{border:1px solid var(--stroke);color:var(--muted);background:#0003;border-radius:999px;padding:.7rem 1.45rem;font-size:1.08rem;font-weight:600;text-decoration:none;display:inline-block}.nav-pill:hover{color:var(--text);border-color:#5eead473;text-decoration:none}.nav-pill.active{color:var(--accent);background:#5eead41f;border-color:#5eead48c}.nav-sub{font-size:.85rem}.hero{margin-bottom:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-dim);margin:0 0 .75rem;font-size:.8rem}.hero h1{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700;line-height:1.2}.lede{color:var(--muted);max-width:36em;margin:0;font-size:1.05rem}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);padding:1.5rem 1.35rem}.panel{margin-bottom:1.5rem}.dropzone{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#070a1259;border:2px dashed #5eead459;padding:2rem 1.25rem;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);outline:none}.dropzone.drag{border-color:var(--warn);background:#fbbf240f}.dropzone--has-file{cursor:pointer}.dropzone .file-meta{text-align:center;max-width:100%;margin-top:0}.file-meta.file-meta--slot{margin-bottom:1rem}.drop-title{margin:0 0 .35rem;font-weight:600}.drop-hint{color:var(--muted);margin:0 0 1.25rem;font-size:.88rem}.btn{font:inherit;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.1rem;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn.primary{color:#041016;background:linear-gradient(135deg,#2dd4bf,#6366f1)}.btn.secondary{color:var(--accent);background:#5eead41f;border:1px solid #5eead459}.btn.ghost{color:var(--muted);background:0 0;margin-top:.5rem;font-size:.88rem;font-weight:500}.btn.success{color:#86efac;background:#22c55e33;border:1px solid #22c55e73}.file-meta{border-radius:var(--radius-md);border:1px solid var(--stroke);background:#00000040;margin-top:0;padding:.75rem 1rem}.file-meta strong{word-break:break-all;margin-bottom:.25rem;display:block}.dim{color:var(--muted);font-size:.9rem}.modes{border:none;flex-direction:column;gap:.65rem;margin:1.5rem 0 1rem;padding:0;display:flex}.radio{cursor:pointer;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.radio input{accent-color:var(--accent-dim)}.target-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.target-row label{color:var(--muted)}.target-row input[type=number]{border:1px solid var(--stroke);background:var(--bg1);width:5rem;color:var(--text);font:inherit;border-radius:8px;padding:.45rem .6rem}.unit{color:var(--muted)}.format-row{align-items:stretch}.format-row label{align-self:center}.format-select{border:1px solid var(--stroke);background:var(--bg1);min-width:12rem;max-width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex:1;padding:.5rem .65rem}.convert-form-fields{flex-direction:column;gap:.85rem;margin-top:1.25rem;display:flex}.convert-field{grid-template-columns:minmax(6.5rem,9.5rem) minmax(0,1fr);align-items:center;gap:.65rem 1rem;display:grid}@media (width<=520px){.convert-field{grid-template-columns:1fr}}.convert-field>label{color:var(--text);font-size:.92rem;font-weight:600}.convert-advanced{border:none;flex-direction:column;gap:.85rem;padding-left:0;display:flex}.convert-field--mute{grid-template-columns:1fr;margin-top:.15rem}.convert-mute-label{cursor:pointer;color:var(--text);align-items:center;gap:.55rem;font-size:.92rem;font-weight:600;display:inline-flex}.convert-mute-label input{width:1.05rem;height:1.05rem;accent-color:var(--accent-dim)}.convert-gif-note{margin:0;font-size:.85rem}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.progress{margin-top:1.25rem}.progress-track{background:#ffffff14;border-radius:99px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg, #6366f1, var(--accent));border-radius:99px;width:0%;height:100%;transition:width .2s}#progress-label,#progress-label-conv{color:var(--muted);font-size:.85rem}.status{min-height:1.4em;color:var(--muted);margin:1rem 0 0;font-size:.92rem}.note{color:var(--warn);margin:.5rem 0 0;font-size:.85rem}.time-tag{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#a5f3fc;background:#5eead424;border:1px solid #5eead459;border-radius:6px;margin:0 .08em;padding:.12em .5em;font-weight:600;display:inline-block;box-shadow:inset 0 0 0 1px #00000026}.section h2{margin:0 0 1rem;font-size:1.2rem}.section{margin-bottom:1.5rem}.steps{color:var(--muted);margin:0;padding-left:1.25rem}.steps li{margin-bottom:.5rem}.faq dt{color:var(--text);margin-top:1rem;font-weight:600}.faq dt:first-child{margin-top:0}.faq dd{color:var(--muted);margin:.35rem 0 0}.footer{border-top:1px solid var(--stroke);color:var(--muted);text-align:center;background:#101728;margin-top:3.5rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2.2rem 1.25rem;font-size:.85rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.8rem 1.1rem;margin-bottom:.75rem;display:flex}.footer-links a{color:var(--muted);font-size:.88rem;text-decoration:none}.footer-links a:hover{color:var(--accent)}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}