@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;550;650;750&family=Sora:wght@600;700;750&display=swap";:root{--ink:#edf3f2;--muted:#93a4a7;--accent:#3dd6b8;--font-display:"Sora", sans-serif;--font-body:"Figtree", sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:#0b1014;font-weight:400;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,a{font:inherit}.app{min-height:100svh;color:var(--ink);flex-direction:column;display:flex;position:relative}.bg{z-index:-1;background:radial-gradient(900px 520px at 85% -5%,#3dd6b824,#0000 55%),radial-gradient(700px 480px at 0 100%,#78a0ff14,#0000 50%),linear-gradient(#0b1014 0%,#121820 100%);position:fixed;inset:0}.bg:after{content:"";background-image:radial-gradient(#ffffff09 .7px,#0000 .7px);background-size:18px 18px;animation:1.2s both fade-in;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.topbar{padding:1.25rem 1.5rem}.brand{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.05rem;font-weight:700}main{flex:1;width:min(560px,100% - 2rem);margin:0 auto;padding:0 0 3rem}.hero{flex-direction:column;justify-content:center;gap:.85rem;min-height:min(70svh,640px);animation:.7s both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.brand-hero{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(3rem,11vw,4.75rem);font-weight:750;line-height:.95}.lede{color:var(--muted);margin:0;font-size:1.1rem}.dropzone{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;flex-direction:column;gap:.25rem;width:100%;margin-top:.75rem;padding:1.5rem 1.25rem;transition:border-color .2s,background .2s,transform .2s;display:flex}.dropzone:hover,.dropzone.is-dragging{border-color:var(--accent);background:#3dd6b814;transform:translateY(-1px)}.dropzone.is-disabled{opacity:.5;pointer-events:none}.dropzone-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.dropzone-sub{color:var(--muted);font-size:.9rem}.gate{margin-top:.5rem}.gate h2{font-family:var(--font-display);margin:0 0 .4rem;font-size:1.2rem}.gate-hint,.muted{color:var(--muted)}.panel{flex-direction:column;gap:1.1rem;padding:.5rem 0 1rem;animation:.55s both rise;display:flex}.panel-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.file-name{word-break:break-all;margin:0 0 .25rem;font-weight:600}.estimate,.tip{margin:0;font-size:.9rem}.process-controls{flex-direction:column;gap:1rem;display:flex}.feature-block{border-top:1px solid #ffffff14;flex-direction:column;gap:.75rem;padding-top:.35rem;display:flex}.feature-block:first-child{border-top:0;padding-top:0}.toggle-row{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.toggle-row input{width:1.05rem;height:1.05rem;accent-color:var(--accent);margin-top:.3rem}.toggle-row span{flex-direction:column;gap:.15rem;display:flex}.toggle-row strong{font-weight:650}.toggle-row em{color:var(--muted);font-size:.88rem;font-style:normal}.feature-body{flex-direction:column;gap:.7rem;padding-left:1.8rem;display:flex}.mode-row{flex-wrap:wrap;gap:.45rem;display:flex}.mode-row button{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:.4rem .75rem}.mode-row button.is-active,.mode-row button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.size-row{align-items:center;gap:.5rem;display:flex}.size-row label{color:var(--muted);align-items:center;gap:.35rem;font-size:.9rem;display:flex}.size-row input{width:5.5rem;color:var(--ink);background:#00000040;border:1px solid #ffffff24;border-radius:10px;padding:.45rem .55rem}.fps-controls{flex-direction:column;gap:.7rem;display:flex}.fps-row{align-items:center;gap:.7rem;display:flex}.fps-label{width:4rem;color:var(--muted);font-size:.9rem}.fps-row input{width:5.5rem;color:var(--ink);background:#00000040;border:1px solid #ffffff24;border-radius:10px;padding:.5rem .65rem}.fps-unit{color:var(--muted)}.fps-presets{flex-wrap:wrap;gap:.45rem;display:flex}.fps-presets button{min-width:3rem;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:.4rem .65rem}.fps-presets button.is-active,.fps-presets button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.fps-presets button:disabled{opacity:.35;cursor:not-allowed}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1.1rem;font-weight:650;text-decoration:none;transition:transform .15s,background .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);color:#061015}.btn.wide{width:100%}.btn.text{color:var(--muted);background:0 0;padding:.35rem .5rem;font-weight:500}.progress-panel{flex-direction:column;gap:.65rem;padding:1rem 0 .25rem;display:flex}.progress-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.progress-percent{font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:750;line-height:1}.progress-stage{color:var(--muted);text-align:right;font-size:.92rem}.progress-bar{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{border-radius:inherit;background:linear-gradient(90deg, #2aa896, var(--accent));height:100%;transition:width .2s}.progress-bar.is-loading .progress-bar-fill{animation:1.1s ease-in-out infinite progress-pulse}@keyframes progress-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}.progress-detail{color:var(--muted);margin:0;font-size:.85rem}.error-text{color:#ffb0a0;margin:0;font-size:.95rem}.result{flex-direction:column;gap:.85rem;display:flex}.result video{background:#000;border-radius:12px;width:100%;max-height:360px}.footer{color:var(--muted);padding:1rem 1.5rem 1.75rem;font-size:.8rem}.footer p{margin:0}