:root{font-family:Segoe UI,sans-serif;color:#17243a;background:#f3f6fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 50% -30%,#e1edff 0,transparent 56%),#f3f6fb}button,select{font:inherit}.app-shell{width:min(100% - 40px,760px);margin:0 auto;padding:72px 0 56px}.page-header{margin-bottom:32px}.eyebrow{margin:0 0 10px;color:#4974b8;font-size:11px;font-weight:700;letter-spacing:.12em}h1,h2,p{margin-top:0}h1,h2{font-family:Segoe UI,sans-serif;letter-spacing:-.035em}h1{margin-bottom:12px;color:#14213a;font-size:clamp(32px,6vw,46px);line-height:1.12}.intro{max-width:560px;margin-bottom:0;color:#65728a;font-size:16px;line-height:1.65}.workspace{padding:32px;border:1px solid #e6ebf3;border-radius:20px;background:#fff;box-shadow:0 20px 55px #223d6214}.section-heading,.actions,.progress-label,.result,.result-copy{display:flex;align-items:center}.section-heading{justify-content:space-between;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:5px}h2{margin-bottom:0;font-size:22px}.local-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eaf8f1;color:#24744d;font-size:12px;font-weight:700}.local-badge span{width:7px;height:7px;border-radius:50%;background:#2fb576}.file-picker{display:flex;align-items:center;gap:15px;min-height:100px;padding:18px;border:1px dashed #b7c8e0;border-radius:14px;background:#f8faff;cursor:pointer;transition:border-color .14s ease,background .14s ease}.file-picker:hover{border-color:#5685ca;background:#f1f6ff}.upload-icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:12px;background:#e7effc;color:#386eae;font-size:25px;font-weight:500}.file-picker-copy{display:grid;min-width:0;gap:5px}.file-picker-copy strong{font-size:14px}.file-picker-copy span{overflow:hidden;color:#758199;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.url-import{display:grid;gap:9px;margin-top:20px;color:#48566d;font-size:12px;font-weight:600}.url-row{display:flex;gap:10px}.url-row input{width:100%;min-width:0;min-height:44px;padding:0 12px;border:1px solid #dce3ed;border-radius:9px;background:#fff;color:#243650;font-size:13px}.url-row input:focus,.setting select:focus{border-color:#5685ca;outline:2px solid rgb(86 133 202 / 18%)}.url-row input:disabled{background:#f8f9fb}.url-import small{color:#8490a2;font-size:11px;font-weight:400}.browse-button,.download-button{margin-left:auto;padding:10px 14px;border:1px solid #d5deeb;border-radius:9px;background:#fff;color:#314866;font-size:12px;font-weight:700;white-space:nowrap}#video-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}#video-file:focus-visible+.file-picker{outline:2px solid #457cc1;outline-offset:3px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.secondary-button{flex:0 0 auto;min-height:44px;padding:0 14px;border:1px solid #d5deeb;border-radius:9px;background:#fff;color:#314866;font-size:12px;font-weight:700;cursor:pointer}.secondary-button:not(:disabled):hover{background:#f1f6ff}.secondary-button:disabled{color:#8490a2;cursor:not-allowed}.setting{display:grid;gap:9px;color:#48566d;font-size:12px;font-weight:600}.setting select{width:100%;min-height:46px;padding:0 12px;border:1px solid #dce3ed;border-radius:9px;background:#fff;color:#243650;font-size:13px}.setting select:disabled{background:#f8f9fb;color:#8490a2}.actions{align-items:flex-start;flex-direction:column;gap:12px}.primary-button{min-height:46px;padding:0 18px;border:0;border-radius:10px;background:#2868ae;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .14s ease,transform .14s ease}.primary-button:not(:disabled):hover{transform:translateY(-1px);background:#1d568f}.primary-button:disabled{background:#aab8ca;cursor:not-allowed}.status{color:#78859a;font-size:12px;line-height:1.5}.progress-wrap{margin-top:23px}.progress-label{justify-content:space-between;margin-bottom:8px;color:#56657b;font-size:12px}.progress-label span:last-child{color:#2868ae;font-weight:700}progress{display:block;width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:#e7edf5;color:#3478c1}progress::-webkit-progress-bar{border-radius:999px;background:#e7edf5}progress::-webkit-progress-value{border-radius:999px;background:#3478c1;transition:width .18s ease}progress::-moz-progress-bar{border-radius:999px;background:#3478c1}.result{justify-content:space-between;gap:18px;margin-top:24px;padding:16px;border:1px solid #cdebd9;border-radius:12px;background:#f2fbf6}.result-copy{gap:11px}.result-copy>div{display:grid;gap:4px}.result-copy strong{color:#215e3e;font-size:13px}.result-copy span:not(.success-icon){color:#65816f;font-size:11px}.success-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#d8f2e2;color:#21804c;font-weight:700}.download-button{border-color:#a8d7bb;background:#fff;color:#246341;text-decoration:none}.download-button:hover{background:#e7f7ed}.privacy-note{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:0 5px;color:#768398;font-size:12px;line-height:1.6}.privacy-note>span{margin-top:1px;font-size:14px}.privacy-note p{margin-bottom:0}@media(max-width:600px){.app-shell{width:min(100% - 28px,760px);padding-top:42px}.workspace{padding:22px 18px}.file-picker{flex-wrap:wrap;gap:12px}.file-picker-copy{width:calc(100% - 60px)}.browse-button{margin-left:56px}.settings-grid{grid-template-columns:1fr}.url-row{align-items:stretch;flex-direction:column}.result{align-items:flex-start;flex-direction:column}.download-button{margin-left:41px}}