:root{color-scheme:light;--bg:#f6f5f2;--ink:#202a28;--muted:#737b75;--line:#dfe3dc;--accent:#225c47;--lime:#d9ef8b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}main{max-width:1060px;margin:auto;padding:36px 48px 24px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-weight:750;font-size:12px;letter-spacing:1.4px}.brand-light{font-weight:450;color:var(--muted)}.logo{display:grid;place-items:center;background:var(--accent);color:var(--lime);width:33px;height:33px;border-radius:10px;font-size:26px;font-weight:450}.service{font-size:12px;color:var(--accent)}.service:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:7px}.service.offline{color:#a54835}.intro{padding:37px 0 26px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--accent);font-weight:700;margin:0 0 18px}h1{font-size:clamp(34px,4.8vw,49px);line-height:1.07;letter-spacing:-2px;font-weight:620;margin:0}h1 span{color:#78857c}.subtitle{font-size:14px;line-height:1.6;color:#6e7771;margin:18px 0 0}.composer{background:#fff;border:1px solid #d4dcd0;box-shadow:0 5px 22px #1e4a3210;border-radius:16px;padding:19px 22px 11px}.composer>label{display:block;font-size:11px;font-weight:650;letter-spacing:.25px;margin-bottom:7px}textarea{font:inherit;font-size:15px;resize:vertical;width:100%;min-height:82px;border:0;outline:none;color:var(--ink);padding:8px 0;line-height:1.5;background:transparent}textarea::placeholder{color:#99a099}textarea:focus{box-shadow:0 2px var(--lime)}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:14px;border-top:1px solid #edf0e9}.quality{font-size:11px;color:#79826f;display:flex;gap:7px;align-items:center}.tiny-dot{width:6px;height:6px;background:#92ac55;border-radius:50%;flex-shrink:0}button,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;font-size:12px;font-weight:550;transition:background .15s}button:disabled{cursor:wait;opacity:.6}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #9db986;outline-offset:4px}.primary{background:var(--accent);color:white;padding:14px 18px;display:flex;gap:24px;align-items:center;white-space:nowrap}.primary:hover{background:#164635}.primary span{font-size:19px;line-height:12px}.shortcut{display:block;font-size:10px;color:#a0a69d;text-align:right;margin-top:8px}.destination{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding:17px 3px}.destination>div{display:flex;align-items:center;gap:8px;min-width:0}.destination #destination{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-icon{font-size:20px;line-height:16px;color:#8f9c8b}.text-button{background:transparent;color:var(--accent);padding:5px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}.muted{color:var(--muted)}.queue{margin-top:30px;margin-bottom:34px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h2{font-size:15px;letter-spacing:-.2px;font-weight:630;margin:0}#count{color:#8e978a;font-size:11px;margin-left:8px}.empty{text-align:center;padding:25px 10px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empty-symbol{font-size:24px;display:grid;place-items:center;margin:auto;width:43px;height:43px;border:1px solid #d9dfd2;border-radius:50%;color:#90a27f}.empty p{font-size:13px;margin:13px 0 6px;color:#63715f}.empty>span:last-child{font-size:11px;color:#8d9687}.job{padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:32px 1fr;gap:13px}.platform{width:30px;height:30px;border-radius:9px;background:#e8ede2;display:grid;place-items:center;font-size:10px;font-weight:700;color:#748361}.platform.instagram{background:#f1e7df;color:#966648}.job-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.job-title{font-size:13px;font-weight:600;overflow-wrap:anywhere;margin:1px 0 5px}.job-state{font-size:10px;white-space:nowrap;color:var(--accent);border-radius:4px;background:#e8eee2;padding:4px 7px}.job-state.error{color:#a3563e;background:#f4e8dc}.job-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:#889080;line-height:1.5}.job-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:8px}.job-actions button{font-size:10px}.job-notice{font-size:11px;line-height:1.5;color:#9a6843;margin:8px 0 0}.progress-row{display:flex;align-items:center;gap:12px;margin:9px 0 5px}.progress-row progress{display:block;appearance:none;width:100%;height:3px;border:none;background:#e4e9dd;border-radius:2px;overflow:hidden}.progress-row progress::-webkit-progress-bar{background:#e4e9dd}.progress-row progress::-webkit-progress-value{background:#729b5c}.progress-row progress::-moz-progress-bar{background:#729b5c}.progress-row progress:indeterminate{background:linear-gradient(90deg,#e4e9dd 30%,#789a5c 50%,#e4e9dd 70%);background-size:200% 100%;animation:move 1.6s linear infinite}.progress-row span{font-size:10px;color:#7a8871;white-space:nowrap}@keyframes move{to{background-position:-200% 0}}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:12px;font-weight:550;padding:19px 0}summary span{font-size:10px;color:#99a08f;margin-left:16px;font-weight:400}.advanced-body{padding:4px 0 20px;font-size:12px}.setting-row,.session-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}select{background:white;border:1px solid #d6ddcd;border-radius:6px;font-size:12px;padding:8px;color:var(--ink);max-width:220px}.help{font-size:11px;color:var(--muted);line-height:1.6}.session{padding:12px 0;border-top:1px solid #e5e9dd}.session>label{font-size:12px;display:flex;align-items:center;gap:8px}.session-options{justify-content:flex-start;margin:12px 0 0 24px}input[type=checkbox]{accent-color:var(--accent)}.secondary{background:#e7edde;color:var(--accent);padding:10px 14px;margin-top:10px}.secondary:hover{background:#dce7ce}.maintenance{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}.maintenance>button+button{margin-left:18px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef0e9;padding:12px;font-size:11px;color:#5c6d51;border-radius:8px;line-height:1.6}.message{font-size:12px;background:#eaf0df;color:var(--accent);padding:12px 14px;border-radius:8px;line-height:1.5}.message.error{background:#f5e6dd;color:#965137}footer{display:flex;justify-content:space-between;gap:14px;font-size:9px;color:#9ca28f;padding-top:20px}@media(max-width:680px){main{padding:22px 22px}.brand-light{display:none}.intro{padding-top:28px}h1{letter-spacing:-1.3px}.composer{padding:15px}.composer-bottom{align-items:stretch;flex-direction:column}.primary{justify-content:space-between}.quality{font-size:10px}.destination{gap:15px}.job-top{flex-direction:column;gap:3px}.job-state{margin-bottom:7px}summary span{display:none}.session-options{flex-wrap:wrap}footer{flex-direction:column;gap:8px}.queue{margin-top:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.platform.youtube{background:#f5e2df;color:#9f4436}
.platform.facebook{background:#e3ecfa;color:#2860ac}
.download-kind{display:flex;align-items:center;gap:14px;padding:11px 0 15px}.download-kind label{font-size:11px;font-weight:650;white-space:nowrap}.download-kind select{max-width:none;min-width:235px}.download-kind select:focus-visible{outline:3px solid #9db986;outline-offset:2px}.audio-help{margin:0 0 12px}.primary #download-label{font-size:12px;line-height:normal}.primary [aria-hidden="true"]{font-size:19px;line-height:12px}@media(max-width:680px){.download-kind{align-items:stretch;flex-direction:column;gap:7px}.download-kind select{width:100%}}
