:root{color-scheme:dark;--bg:#070b14;--panel:rgba(17,24,39,0.82);--line:rgba(148,163,184,0.16);--text:#f8fafc;--muted:#94a3b8;--subtle:#64748b;--cyan:#22d3ee;--green:#34d399;--red:#fb7185}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(rgba(148,163,184,.025) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.025) 1px,transparent 0);background-size:48px 48px}.glow{position:absolute;border-radius:999px;filter:blur(10px);pointer-events:none}.glow-one{width:640px;height:640px;top:-380px;left:8%;background:radial-gradient(circle,rgba(37,99,235,.25),transparent 68%)}.glow-two{width:560px;height:560px;right:-230px;top:320px;background:radial-gradient(circle,rgba(8,145,178,.13),transparent 68%)}.topbar{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));height:82px;margin:0 auto;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:11px;color:var(--text);text-decoration:none;font-weight:760;font-size:20px;letter-spacing:-.4px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 8px 24px rgba(37,99,235,.3);font-size:17px}.topbar-badges{display:flex;align-items:center;gap:10px}.topbar-badges>span{border:1px solid var(--line);background:rgba(15,23,42,.62);color:var(--muted);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:650}.status-dot{display:inline-flex;align-items:center;gap:7px}.ready-label i,.status-dot i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(52,211,153,.8)}.topbar-badges .speed-badge{color:#bae6fd;border-color:rgba(34,211,238,.22)}.page-content{position:relative;z-index:1;width:min(1320px,calc(100% - 48px));margin:0 auto;padding:42px 0 54px}.hero{max-width:720px;margin:0 auto 24px;text-align:center}.eyebrow{display:inline-flex;color:#7dd3fc;background:rgba(14,165,233,.08);border:1px solid rgba(56,189,248,.18);border-radius:999px;padding:6px 11px;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:12px 0 9px;font-size:clamp(24px,3vw,38px);line-height:1.06;letter-spacing:-1.4px;font-weight:790}.hero h1 span{color:transparent;background:linear-gradient(90deg,#60a5fa 10%,#22d3ee 82%);background-clip:text;-webkit-background-clip:text}.hero p{max-width:620px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.55}.empty-state,.preview-card,.search-card,.status-panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,24,39,.92),rgba(12,18,31,.86));box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-card{padding:24px;border-radius:20px}.empty-state,.search-card,.status-panel{width:min(1120px,100%);margin-right:auto;margin-left:auto}.search-card>label{display:block;margin:0 0 10px 2px;color:#cbd5e1;font-size:13px;font-weight:700}.search-row{display:grid;grid-template-columns:minmax(0,1fr) 152px 220px;grid-gap:12px;gap:12px}.url-field{position:relative;min-width:0}.url-field>svg{position:absolute;z-index:1;width:21px;height:21px;left:17px;top:50%;transform:translateY(-50%);fill:none;stroke:var(--subtle);stroke-width:1.8;stroke-linecap:round}.quality-select,.url-field input{width:100%;height:58px;border:1px solid rgba(148,163,184,.2);outline:0;color:var(--text);background:rgba(3,7,18,.62);transition:border-color .2s,box-shadow .2s,background .2s}.url-field input{border-radius:13px;padding:0 48px;font-size:15px}.url-field input::placeholder{color:#526078}.quality-select:focus,.url-field input:focus{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 4px rgba(14,165,233,.1);background:rgba(3,7,18,.85)}.clear-button{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--subtle);font-size:22px}.clear-button:hover{color:var(--text);background:rgba(148,163,184,.08)}.quality-select{border-radius:13px;padding:0 15px;color-scheme:dark;font-weight:650}.download-button{height:58px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;padding:0 22px;color:white;background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 12px 26px rgba(37,99,235,.24);font-weight:750;transition:transform .18s,filter .18s,box-shadow .18s}.download-button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 15px 30px rgba(37,99,235,.32)}.download-button:disabled{opacity:.43;box-shadow:none}.button-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button-spinner,.loader-ring{border-radius:50%;border:2px solid rgba(255,255,255,.24);border-top-color:#fff;animation:spin .8s linear infinite}.button-spinner{width:19px;height:19px}.search-hint{display:flex;align-items:center;gap:10px;margin:14px 3px 0;color:var(--subtle);font-size:12px}.search-hint i{width:3px;height:3px;border-radius:50%;background:#334155}.status-panel{margin-top:18px;padding:22px 24px;border-radius:18px}.status-error{border-color:rgba(251,113,133,.3)}.status-success{border-color:rgba(52,211,153,.3)}.inline-status{display:flex;align-items:center;gap:15px}.inline-status>div{min-width:0;display:grid;grid-gap:3px;gap:3px}.inline-status strong,.progress-heading strong{font-size:15px}.inline-status small,.progress-heading small{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loader-ring{flex:0 0 auto;width:28px;height:28px;border-color:rgba(56,189,248,.18);border-top-color:var(--cyan)}.status-icon{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(251,113,133,.12);color:var(--red);font-weight:800}.success-icon{color:var(--green);background:rgba(52,211,153,.12)}.progress-stack{display:grid;grid-gap:15px;gap:15px}.progress-heading,.progress-label{display:flex;align-items:center;justify-content:space-between;gap:16px}.progress-heading>div{display:grid;grid-gap:3px;gap:3px}.progress-heading>span{color:#7dd3fc;font-size:25px;font-weight:760}.progress-row{display:grid;grid-gap:7px;gap:7px}.progress-label{color:#cbd5e1;font-size:12px;font-weight:680}.progress-label small{color:var(--muted);font-weight:550}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:rgba(51,65,85,.62)}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#38bdf8);box-shadow:0 0 16px rgba(56,189,248,.35);transition:width .2s ease}.audio-fill{background:linear-gradient(90deg,#059669,#34d399);box-shadow:0 0 16px rgba(52,211,153,.26)}.merge-fill{background:linear-gradient(90deg,#7c3aed,#c084fc);box-shadow:0 0 16px rgba(192,132,252,.28)}.preview-card{margin-top:18px;padding:18px;border-radius:22px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.65fr);grid-gap:28px;gap:28px;align-items:stretch}.thumbnail-wrap{position:relative;overflow:hidden;border-radius:15px;background:#020617}.thumbnail-interactive{cursor:pointer}.thumbnail-wrap img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.thumbnail-placeholder{width:100%;height:100%;background:#0f172a}.storyboard-dots{position:absolute;z-index:2;bottom:14px;left:50%;display:flex;gap:7px;transform:translateX(-50%)}.storyboard-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.42);box-shadow:0 1px 5px rgba(0,0,0,.5);transition:width .18s,background .18s}.storyboard-dots button.active{width:22px;border-radius:999px;background:white}.quality-pill{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:8px;background:rgba(2,6,23,.82);border:1px solid rgba(255,255,255,.15);color:white;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.storyboard-dots~.quality-pill{top:12px;bottom:auto}.video-details{padding:9px 8px 8px 0;display:flex;min-width:0;flex-direction:column}.ready-label{display:flex;align-items:center;gap:8px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.video-details h2{margin:14px 0 24px;font-size:clamp(22px,2.4vw,31px);line-height:1.22;letter-spacing:-.8px}.metadata-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px}.metadata-grid>div{padding:12px 13px;border:1px solid rgba(148,163,184,.12);border-radius:11px;background:rgba(2,6,23,.35);display:grid;grid-gap:3px;gap:3px}.metadata-grid span{color:var(--subtle);font-size:11px}.metadata-grid strong{color:#dbeafe;font-size:13px}.privacy-note{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:20px;color:var(--muted);font-size:11px;line-height:1.5}.privacy-note svg{flex:0 0 auto;width:25px;height:25px;fill:rgba(52,211,153,.08);stroke:var(--green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.privacy-note strong{color:#cbd5e1}.empty-state{margin-top:22px;min-height:260px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;margin-bottom:16px;color:#60a5fa;background:rgba(59,130,246,.08);border:1px solid rgba(96,165,250,.16)}.empty-icon svg{width:24px;height:24px}.empty-state strong{font-size:16px}.empty-state>span{color:var(--muted);margin-top:6px;font-size:13px}footer{position:relative;z-index:1;width:min(1320px,calc(100% - 48px));margin:0 auto;min-height:74px;border-top:1px solid var(--line);color:var(--subtle);display:flex;align-items:center;justify-content:space-between;font-size:11px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:880px){.page-content{padding-top:38px}.hero h1{letter-spacing:-2.7px}.search-row{grid-template-columns:1fr 150px}.download-button{grid-column:1/-1}.preview-card{grid-template-columns:1fr}.thumbnail-wrap{min-height:0}.video-details{padding:4px}.privacy-note{margin-top:20px}}@media (max-width:600px){.page-content,.topbar,footer{width:min(100% - 28px,1320px)}.topbar{height:68px}.status-dot{display:none!important}.page-content{padding:42px 0 48px}.hero{margin-bottom:28px}.hero h1{font-size:26px;letter-spacing:-1px}.hero p{font-size:15px}.search-card{padding:17px}.search-row{grid-template-columns:1fr}.download-button,.quality-select{grid-column:auto}.search-hint{flex-wrap:wrap}.preview-card{padding:13px;gap:20px}.metadata-grid{grid-template-columns:1fr 1fr}.status-panel{padding:18px}footer{flex-direction:column;justify-content:center;gap:4px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.progress-indeterminate{background:linear-gradient(90deg,#8e4ec6 25%,#c77dff 50%,#8e4ec6 75%)!important;background-size:200% 100%!important;animation:progress-slide 1.2s linear infinite}@keyframes progress-slide{0%{background-position:200% 0}to{background-position:-200% 0}}