@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:light dark;--bg: #f6f7fb;--surface: #ffffff;--surface-subtle: #f3f5fa;--line: #e4e8f0;--text: #16181d;--muted: #697180;--brand: #ff0033;--brand-deep: #d6002a;--brand-soft: rgba(255, 0, 51, .08);--success: #11895f;--success-soft: rgba(17, 137, 95, .1);--danger: #d33b45;--danger-soft: rgba(211, 59, 69, .1);--busy: #ff8f1f;--busy-soft: rgba(255, 143, 31, .12);--shadow: 0 22px 48px rgba(15, 23, 42, .08)}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--surface: #171a21;--surface-subtle: #1f2430;--line: #2c3240;--text: #f3f5f9;--muted: #97a0af;--brand: #ff335d;--brand-deep: #ff6a8a;--brand-soft: rgba(255, 51, 93, .14);--success: #31c48d;--success-soft: rgba(49, 196, 141, .14);--danger: #ff6c7a;--danger-soft: rgba(255, 108, 122, .16);--busy: #ffb347;--busy-soft: rgba(255, 179, 71, .14);--shadow: 0 24px 56px rgba(0, 0, 0, .32)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top right,rgba(255,0,51,.08),transparent 22rem),radial-gradient(circle at bottom left,rgba(255,143,31,.08),transparent 18rem),var(--bg)}button,input,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1180px,calc(100vw - 1.5rem));margin:0 auto;padding:1rem 0 2rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:1.4rem;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:.9rem}.brand__mark{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(135deg,var(--brand) 0%,#ff5679 100%);box-shadow:inset 0 0 0 1px #ffffff29}.brand__mark span{width:0;height:0;margin-left:.14rem;border-top:.45rem solid transparent;border-bottom:.45rem solid transparent;border-left:.72rem solid #fff}.brand__eyebrow,.section-title__eyebrow{margin:0 0 .3rem;font-size:.74rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-deep)}.brand h1,.section-title h2{margin:0}.brand h1{font-size:clamp(1.3rem,2vw,1.7rem)}.topbar__note{display:grid;gap:.2rem;color:var(--muted);text-align:right}.topbar__note strong{color:var(--text)}.tool-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:1rem}.tool-main,.tool-side{display:grid;gap:1rem}.tool-card{padding:1.2rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--surface);box-shadow:var(--shadow)}.tool-card--primary{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft) 70%,var(--surface) 30%) 0%,var(--surface) 100%)}.section-title{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.section-title__hint{margin:0;color:var(--muted);font-size:.92rem;text-align:right}.input-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.url-input,.download-box__input{width:100%;min-height:3.45rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:1rem;color:var(--text);background:var(--surface-subtle);outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.url-input:focus{border-color:color-mix(in srgb,var(--brand) 40%,var(--line) 60%);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-soft) 70%,transparent);transform:translateY(-1px)}.primary-button,.secondary-button,.download-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.45rem;padding:.95rem 1.2rem;border:1px solid transparent;border-radius:1rem;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.primary-button{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--brand) 0%,#ff4f6f 100%);box-shadow:0 14px 32px #ff00332e}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.download-button:hover:not(.download-button--disabled),.quality-card:hover:not(:disabled){transform:translateY(-2px)}.primary-button--busy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.18) 50%,transparent 85%);transform:translate(-100%);animation:shimmer 1.3s linear infinite}.secondary-button{color:var(--text);background:var(--surface-subtle);border-color:var(--line)}.download-button{color:#fff;background:linear-gradient(135deg,var(--success) 0%,#34c98f 100%);box-shadow:0 14px 30px #11895f2e}.download-button--disabled{pointer-events:none;opacity:.45}.primary-button:disabled,.secondary-button:disabled,.quality-card:disabled{cursor:not-allowed;opacity:.6}.button-content{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.55rem}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.message{margin:.9rem 0 0;padding:.9rem 1rem;border-radius:1rem;line-height:1.55}.message--error{background:var(--danger-soft);color:var(--danger)}.video-panel{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;margin-bottom:1rem;padding:.95rem;border:1px solid var(--line);border-radius:1.2rem;background:var(--surface-subtle)}.video-panel__thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:.95rem}.video-panel__body{display:grid;align-content:center;gap:.55rem}.video-panel__body h3{margin:0;font-size:1.15rem;line-height:1.4}.video-meta{display:flex;flex-wrap:wrap;gap:.65rem;color:var(--muted);font-size:.92rem}.video-meta span{padding:.38rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem;margin-bottom:1rem}.quality-card{display:grid;gap:.35rem;padding:.95rem;border:1px solid var(--line);border-radius:1.1rem;color:var(--text);background:var(--surface-subtle);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.quality-card strong{font-size:1.02rem}.quality-card span,.quality-card small{color:var(--muted)}.quality-card small{color:var(--danger)}.quality-card--selected{border-color:color-mix(in srgb,var(--brand) 35%,var(--line) 65%);background:color-mix(in srgb,var(--brand-soft) 55%,var(--surface) 45%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-soft) 80%,transparent)}.status-card,.download-card{position:sticky;top:1rem}.status-badge{flex:none;padding:.42rem .75rem;border-radius:999px;font-size:.88rem;color:var(--muted);background:var(--surface-subtle);border:1px solid var(--line)}.status-badge--busy{color:var(--busy);background:var(--busy-soft);border-color:transparent}.status-badge--success{color:var(--success);background:var(--success-soft);border-color:transparent}.status-badge--error{color:var(--danger);background:var(--danger-soft);border-color:transparent}.status-copy{margin:0 0 1rem;color:var(--muted);line-height:1.6}.progress-wrap{margin-bottom:1rem}.progress-head{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;color:var(--muted)}.progress-head strong{color:var(--text)}.progress-bar{width:100%;height:12px;overflow:hidden;border-radius:999px;background:var(--surface-subtle);border:1px solid var(--line)}.progress-fill{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--busy) 0%,#ffc16a 100%);transition:width .26s ease}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.35) 50%,transparent 85%);animation:shimmer 1.4s linear infinite}.progress-fill--done{background:linear-gradient(90deg,var(--success) 0%,#48d79f 100%)}.step-list{display:grid;gap:.7rem}.step-list__item{display:flex;gap:.8rem;padding:.85rem .9rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface-subtle)}.step-list__dot{flex:none;width:.9rem;height:.9rem;margin-top:.32rem;border-radius:50%;background:#c2c9d4}.step-list__item strong{display:block}.step-list__item p{margin:.25rem 0 0;color:var(--muted);line-height:1.5}.step-list__item--done .step-list__dot{background:var(--success)}.step-list__item--active{border-color:color-mix(in srgb,var(--busy) 38%,var(--line) 62%)}.step-list__item--active .step-list__dot{background:var(--busy);box-shadow:0 0 0 5px color-mix(in srgb,var(--busy-soft) 75%,transparent)}.step-list__item--error .step-list__dot{background:var(--danger)}.download-box{display:grid;gap:.5rem;margin-bottom:.85rem}.download-box__label{color:var(--muted);font-size:.92rem}.download-box__input{font-family:JetBrains Mono,monospace;font-size:.8rem}.download-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0}.info-grid div{padding:.8rem .9rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface-subtle)}.info-grid dt{margin:0;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.info-grid dd{margin:.35rem 0 0;font-size:1rem;word-break:break-word}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@media(max-width:980px){.tool-layout{grid-template-columns:1fr}.status-card,.download-card{position:static}}@media(max-width:720px){.app-shell{width:min(100vw - 1rem,100%);padding-top:.6rem}.topbar,.section-title,.video-panel{grid-template-columns:1fr}.topbar,.section-title,.input-form{display:grid}.topbar__note,.section-title__hint{text-align:left}.input-form,.download-actions,.info-grid{grid-template-columns:1fr}.video-panel{display:grid;grid-template-columns:1fr}.tool-card{padding:1rem;border-radius:1.2rem}.brand__mark{width:2.7rem;height:2.7rem}}