@font-face{font-family:Manrope;src:url('/static/Manrope.woff2?v=4b4385ed732d8821') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{--bg:#faf8f5;--surface:#fff;--text:#292524;--muted:#736c65;--border:#e7e2dc;--accent:#a14b08;--accent-hover:#813b06;--accent-soft:#fff7ec;--field:#fff;--subtle:#f6f4f1;--success:#22704b;--error:#a62c25;--error-bg:#fff0ed;--focus:#c77128;color-scheme:light;font-family:Manrope,Calibri,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}svg{display:block;flex-shrink:0}button svg,.button svg{width:20px;height:20px}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button,input,select,a{transition:background-color .15s,border-color .15s,color .15s}button:disabled:hover{transform:none}h1,h2,h3,p{margin:0}
.site-header{width:calc(100% - 32px);max-width:816px;margin:0 auto;height:88px;padding:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-size:23px;letter-spacing:-.8px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:12px}.brand img{display:block;width:auto;height:38px}main{width:100%;max-width:864px;margin:38px auto 0;padding:0 16px 28px}.page-title{margin-bottom:25px}.page-title h1{font-size:clamp(25px,4vw,34px);line-height:1.3;font-weight:750;letter-spacing:-1.2px}.page-title p{font-size:16px;line-height:1.6;color:var(--muted);margin-top:10px}.workspace{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.link-form{padding:22px}.link-form label{font-size:14px;font-weight:650;display:block;margin-bottom:10px}.input-row{display:flex;flex-direction:column;gap:12px}.input-wrap{display:flex;align-items:center;border:1px solid var(--border);background:var(--field);border-radius:6px;min-width:0;flex:1}.input-wrap:focus-within{border-color:var(--accent);outline:2px solid var(--accent-soft)}.link-icon{width:20px;height:20px;margin-left:14px;color:var(--muted)}input{width:100%;min-width:0;background:transparent;border:0;color:var(--text);padding:14px 10px;font-size:16px;line-height:24px;outline:none}input::placeholder{color:var(--muted);opacity:.7}.paste-button{align-self:stretch;background:transparent;color:var(--accent);border:0;padding:0 12px;font-size:13px;font-weight:650;border-radius:5px}.paste-button:hover{background:var(--subtle)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 20px;border:1px solid transparent;border-radius:6px;font-size:14px;line-height:24px;font-weight:700;text-decoration:none;white-space:nowrap}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-hover)}.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.secondary:hover{background:var(--subtle)}.small{min-height:44px;padding:8px 14px;font-size:13px}.field-hint{font-size:13px;line-height:1.6;color:var(--muted);margin-top:10px}.empty-state{border-top:1px solid var(--border);padding:34px 20px 40px;text-align:center}.empty-state svg{color:var(--muted);width:46px;height:46px;margin:0 auto 12px;opacity:.7}.empty-state p{font-size:16px;font-weight:600;margin-bottom:7px}.empty-state span{font-size:14px;line-height:1.6;color:var(--muted)}.error-message{background:var(--error-bg);color:var(--error);border-left:3px solid var(--error);padding:13px 16px;font-size:14px;line-height:1.6;margin:0 22px 22px;overflow-wrap:anywhere}.search-state{border-top:1px solid var(--border);padding:30px 22px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.search-state h2{font-size:16px;font-weight:700;margin-bottom:7px}.search-state p{font-size:14px;color:var(--muted);line-height:1.6}.search-state .button{margin-left:auto}.spinner{width:25px;height:25px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}
.video-section{border-top:1px solid var(--border);padding:22px}.video-summary{display:flex;flex-direction:column;gap:18px;margin-bottom:27px}.thumbnail-wrap{position:relative;overflow:hidden;background:var(--subtle);aspect-ratio:16/9;border-radius:6px;width:100%;max-width:350px;flex-shrink:0}.thumbnail-wrap img{display:block;width:100%;height:100%;object-fit:cover}.duration{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:3px;color:#fff;background:#191715d9;font-size:12px;font-weight:600;letter-spacing:.3px}.video-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.channel{color:var(--muted);font-size:13px;margin-bottom:8px}.video-copy h2{font-size:19px;line-height:1.5;font-weight:750;overflow-wrap:anywhere;margin-bottom:12px}.text-link{font-size:13px;text-decoration:none;color:var(--muted)}.text-link:hover{color:var(--accent);text-decoration:underline}.quality-fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.quality-fieldset legend{font-size:14px;font-weight:700;margin-bottom:11px;padding:0}.quality-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quality-option{position:relative;cursor:pointer;display:block;min-width:0}.quality-option input{position:absolute;opacity:0;width:1px;height:1px;padding:0}.quality-label{border:1px solid var(--border);border-radius:6px;min-height:74px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:11px 13px;background:var(--surface)}.quality-label strong{font-size:16px;font-weight:750}.quality-label span{font-size:12px;color:var(--muted)}.quality-option input:checked+.quality-label{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.quality-option input:checked+.quality-label strong{color:var(--accent)}.quality-option:hover .quality-label{border-color:var(--accent)}.quality-option input:focus-visible+.quality-label{outline:3px solid var(--focus);outline-offset:3px}.format-row{display:flex;gap:20px;align-items:center;padding-bottom:24px}.format-picker{display:flex;flex-direction:column;gap:8px}.format-picker label{font-size:14px;font-weight:700}select{background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:600;min-height:44px;padding:8px 32px 8px 12px;width:130px}.format-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:22px}.download-actions{border-top:1px solid var(--border);padding-top:22px;display:flex;flex-direction:column;align-items:stretch;gap:18px}.selection-summary{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.selection-summary strong{font-size:15px;font-weight:700}.selection-summary span{font-size:13px;color:var(--muted)}.progress-section{border-top:1px solid var(--border);padding-top:22px}.progress-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.progress-heading h3{font-size:15px;line-height:1.6;font-weight:700}.percent{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}progress{display:block;width:100%;height:7px;border:0;border-radius:5px;overflow:hidden;margin:17px 0 12px;accent-color:var(--accent);background:var(--border)}progress::-webkit-progress-bar{background:var(--border)}progress::-webkit-progress-value{background:var(--accent);border-radius:5px}progress::-moz-progress-bar{background:var(--accent)}progress:not([value]){opacity:.55;animation:pulse 1.2s infinite alternate}@keyframes pulse{to{opacity:1}}.progress-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-bottom p{font-size:13px;line-height:1.7;color:var(--muted);font-variant-numeric:tabular-nums}.progress-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:11px}.completed{border-top:1px solid var(--border);padding-top:23px}.complete-title{display:flex;align-items:center;gap:10px;color:var(--success)}.complete-title svg{width:23px;height:23px}.complete-title h3{font-size:18px;font-weight:750}.filename{margin:12px 0 18px;font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.completed-actions{display:flex;gap:12px;flex-direction:column}.completed-actions #file-size{font-size:12px;font-weight:500;opacity:.85}.status-line{font-size:14px;line-height:1.6;color:var(--muted);padding:0 22px 22px}.page-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:21px;font-size:12px;line-height:1.8;color:var(--muted)}
@media(min-width:600px){main{margin-top:58px;padding-left:24px;padding-right:24px}.input-row{flex-direction:row;gap:10px}.link-form{padding:28px}.video-section{padding:28px}.error-message{margin-left:28px;margin-right:28px}.video-summary{flex-direction:row;gap:22px}.thumbnail-wrap{width:224px;height:126px}.video-copy h2{font-size:19px}.quality-options{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.download-actions{flex-direction:row;align-items:center;justify-content:space-between}.selection-summary{flex-direction:column;gap:5px}.completed-actions{flex-direction:row}.search-state{padding:34px 28px}.status-line{padding-left:28px}.site-header{width:calc(100% - 48px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* The wrapper provides the focus indicator for the composite URL field. */
.input-wrap input:focus-visible{outline:none;outline-offset:0}

.metrika-pixel{position:absolute;left:-9999px}