:root{color-scheme:dark;--bg:#111916;--panel:#18231f;--panel-soft:#1d2a24;--line:#2c3a32;--text:#ecf0e6;--muted:#99a79b;--faint:#6e7b71;--mint:#a5d6ad;--mint-bright:#c4edc1;--orange:#e1a776;--red:#ec8f80;--sans:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--text);font-family:var(--sans);font-size:14px;background:radial-gradient(ellipse 680px 390px at 83% 9%,#3444382e,transparent 74%),linear-gradient(180deg,#141d19 0,#111916 430px);min-height:100vh}button,input,select{font:inherit}.app-shell{width:min(1120px,calc(100% - 64px));margin:0 auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d0dfd00f}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:14px;letter-spacing:.13em;font-weight:700}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--mint);border-radius:10px;color:#16231a}.brand-mark svg{width:18px;fill:currentColor}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.2em;font-weight:500}.brand-dot{color:var(--orange);padding:0 2px}.local-pill{display:flex;align-items:center;gap:8px;color:#c0cbbf;font-size:11px;letter-spacing:.03em;border:1px solid #52655366;border-radius:30px;padding:8px 12px;background:#1d2b233d}.pulse-dot,.queue-indicator>span{height:7px;width:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #a5d6ad66}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:255px;padding:40px 42px 31px}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 12px;color:var(--mint);font-size:9px;font-weight:700;letter-spacing:.16em}.eyebrow-line{display:inline-block;width:18px;height:1px;background:var(--mint);vertical-align:middle;margin:0 8px 3px 0}.hero h1{margin:0;font-size:clamp(37px,5vw,58px);line-height:1.06;font-weight:550;letter-spacing:-.05em}.hero h1 em{color:var(--mint);font-style:normal}.lede{margin:16px 0 0;color:#a9b4a8;font-size:13px;line-height:1.7;letter-spacing:.005em}.hero-art{position:relative;width:215px;height:190px;margin:0 42px 0 10px;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #96c29a35;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:205px;height:105px}.orbit-two{width:170px;height:162px;transform:rotate(42deg);border-color:#d3ab7e29}.art-core{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:27px;transform:rotate(-8deg);background:linear-gradient(145deg,#c6edc2,#88ba90);box-shadow:0 15px 55px #78be7940}.art-core svg{width:34px;fill:#213329;transform:rotate(8deg)}.art-star{position:absolute;color:#e4b985;font-size:18px}.star-one{top:26px;left:36px}.star-two{right:25px;bottom:32px;color:#aad5a8;font-size:13px}.art-ring{position:absolute;right:17px;top:33px;border:1px solid #ecb98577;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#edc39a;font-size:8px;font-weight:700;letter-spacing:.04em;transform:rotate(12deg)}.download-card,.panel{border:1px solid #51615245;background:linear-gradient(145deg,#1b2822ed,#18231fed);border-radius:15px;box-shadow:0 20px 60px #00000016}.download-card{padding:27px 30px 20px}.card-heading,.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.card-heading h2,.panel-heading h2{margin:0;font-size:17px;letter-spacing:-.025em;font-weight:600}.step-mark{color:var(--mint);font-size:10px;font-weight:700;letter-spacing:.08em}.step-mark i{color:#69786c;font-style:normal;font-weight:400}.input-label{display:block;color:#c4cdc1;font-size:10px;font-weight:600;letter-spacing:.04em;margin-bottom:8px}.url-field{height:54px;display:flex;align-items:center;gap:12px;border:1px solid #46554a;border-radius:8px;background:#121b17;padding:0 8px 0 15px;transition:border-color .15s,box-shadow .15s}.url-field:focus-within{border-color:#9ccc9d;box-shadow:0 0 0 3px #a5d6ad12}.url-icon{color:var(--mint);font-size:16px}.url-field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.url-field input::placeholder{color:#6f7d71}.paste-button{height:34px;padding:0 13px;border:1px solid #415145;border-radius:6px;background:#26342a;color:#c6d8c4;font-size:10px;font-weight:600;cursor:pointer}.paste-button:hover{background:#314333}.form-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:18px}.quality-control{width:220px}.quality-control .input-label{margin-bottom:7px}.select-wrap{position:relative}.select-wrap select{width:100%;height:39px;appearance:none;border:1px solid #405044;border-radius:7px;background:#202c24;color:#dce5d8;padding:0 34px 0 12px;font-size:11px;outline:none}.select-wrap select:focus{border-color:var(--mint)}.select-wrap>span{position:absolute;right:12px;top:10px;color:#a8b7a7;pointer-events:none}.download-button{display:flex;align-items:center;justify-content:center;gap:14px;min-width:190px;height:42px;padding:0 18px;background:var(--mint);border:0;border-radius:7px;color:#1c2b20;font-size:11px;font-weight:700;cursor:pointer;transition:transform .15s,background .15s,opacity .15s}.download-button:hover:not(:disabled){background:var(--mint-bright);transform:translateY(-1px)}.download-button>span+span{font-size:15px}.download-button:disabled{opacity:.45;cursor:not-allowed}.form-message{min-height:15px;margin:9px 0 0;color:#a9b9a8;font-size:10px}.form-message.error{color:#f1a093}.form-message.success{color:var(--mint)}.permission-note{margin:9px 0 0;color:#7e8d80;font-size:9px;letter-spacing:.015em}.permission-note span{color:var(--orange);font-size:13px;vertical-align:-1px;padding-right:5px}.setup-notice{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px;border:1px solid #846c4b66;border-radius:8px;background:#342b2038}.setup-notice[hidden]{display:none}.setup-notice.ffmpeg-missing{border-color:#536b5166;background:#24312448}.setup-icon{display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:#d6a574;color:#211b15;font-weight:800;font-size:11px}.ffmpeg-missing .setup-icon{background:#a5d6ad}.setup-notice strong{font-size:10px}.setup-notice p{margin:4px 0 0;color:#b5c0b2;font-size:10px;line-height:1.6}.setup-notice code,.library-footnote code{padding:2px 5px;border-radius:4px;background:#121a16;color:#c5d8c1;font-size:9px}.workspace-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:16px;margin-top:18px}.panel{min-width:0;padding:21px 21px 16px}.panel-heading{align-items:center;margin-bottom:16px}.panel-heading .eyebrow{margin-bottom:7px}.panel-heading h2{display:flex;align-items:center;gap:8px;font-size:15px}.count-chip{min-width:20px;height:18px;padding:0 5px;display:grid;place-items:center;border:1px solid #5b715a66;border-radius:5px;color:var(--mint);font-size:9px;font-weight:500}.queue-indicator{display:flex;align-items:center;gap:7px;color:#9dab9b;font-size:9px}.queue-indicator>span{height:6px;width:6px;background:#91a08f;box-shadow:none}.queue-indicator.working>span{background:var(--mint);box-shadow:0 0 11px #a5d6ad66;animation:pulse 1.1s infinite alternate}@keyframes pulse{to{opacity:.35}}.empty-state{min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #3d4c4080;border-radius:9px;background:#10181445;text-align:center;padding:19px}.empty-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:10px;border-radius:10px;background:#27372a;color:#9fcca2}.empty-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.empty-state strong{font-size:10px;font-weight:600;color:#dce5d7}.empty-state p{margin:6px 0 0;color:#829084;font-size:9px}.job-list,.file-list{display:flex;flex-direction:column;gap:8px}.job-card,.file-row{border:1px solid #34433a;border-radius:8px;background:#111a16;padding:12px}.job-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-details{min-width:0;display:flex;flex-direction:column;gap:4px}.job-details strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-details>span{color:#849285;font-size:9px}.state-badge{flex:none;padding:4px 7px;border-radius:20px;background:#303a32;color:#bac4b8;font-size:8px;text-transform:capitalize}.badge-downloading,.badge-complete{background:#273b2b;color:#acd3a7}.badge-queued{background:#33342a;color:#d4c38d}.badge-failed{background:#402c29;color:#f0a095}.badge-cancelling{background:#3a3328;color:#e2b887}.progress-track{height:5px;margin-top:14px;overflow:hidden;border-radius:9px;background:#27332b}.progress-track>span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#83b989,#c6edc1);transition:width .25s}.progress-track>span.indeterminate{width:25%;animation:slide 1.2s ease-in-out infinite alternate}@keyframes slide{to{transform:translateX(290%)}}.job-progress{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:#91a091;font-size:8px}.cancel-button{margin-top:10px;border:0;background:transparent;color:#dcab8a;font-size:9px;cursor:pointer;padding:2px 0}.cancel-button:hover:not(:disabled){color:#ffd0ad}.cancel-button:disabled{opacity:.5}.queued-copy,.job-error{margin:9px 0 0;font-size:9px;color:#9da99c;line-height:1.5}.job-error{color:#f0a095}.job-saved{display:block;margin-top:10px;color:var(--mint);font-size:9px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-saved:hover{text-decoration:underline}.file-row{display:flex;align-items:center;gap:10px;padding:9px}.file-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:7px;background:#26392b;color:#a9d7ae;font-size:9px;padding-left:2px}.file-detail{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.file-detail strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce5d8;font-size:9px}.file-detail span{color:#849285;font-size:8px}.file-open{width:27px;height:27px;display:grid;place-items:center;border:1px solid #455348;border-radius:6px;color:#b9cbb6;text-decoration:none;font-size:13px}.file-open:hover{border-color:#a5d6ad;color:var(--mint)}.library-footnote{margin:12px 0 0;padding-top:11px;border-top:1px solid #dce5d80e;color:#78867a;font-size:9px}.folder-icon{color:var(--orange);font-size:13px;padding-right:5px}.empty-state.compact{min-height:146px}.library-mark{color:#9ebf9c;font-size:17px}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 6px 25px;margin-top:10px;color:#748174;font-size:9px}footer>span:first-child{font-weight:700;letter-spacing:.1em;color:#9daa99}footer a{color:#9daf99;text-decoration:none}footer a:hover{color:var(--mint)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media(max-width:760px){.app-shell{width:min(100% - 32px,560px)}.topbar{height:64px}.hero{min-height:auto;padding:37px 5px 27px}.hero-art{width:115px;height:128px;margin:0 7px 0 0;transform:scale(.75);transform-origin:center right}.orbit-one{width:160px;height:83px}.orbit-two{width:135px;height:130px}.hero h1{font-size:clamp(34px,9vw,49px)}.lede{max-width:360px;font-size:12px}.download-card{padding:21px 17px 17px}.card-heading h2{font-size:15px}.workspace-grid{grid-template-columns:1fr;gap:12px;margin-top:13px}.panel{padding:18px 16px 14px}.form-bottom{gap:12px}.quality-control{width:min(42%,220px)}.download-button{min-width:0;flex:1;padding:0 12px}.empty-state,.empty-state.compact{min-height:127px}footer{flex-wrap:wrap;padding:20px 3px 23px}footer>span:nth-child(2){order:3;flex-basis:100%}}@media(max-width:420px){.app-shell{width:calc(100% - 24px)}.local-pill{font-size:9px;padding:7px 9px}.hero{padding-top:32px}.hero-art{width:85px;margin-left:-5px;transform:scale(.58);transform-origin:center right}.eyebrow{font-size:8px}.hero h1{font-size:36px}.lede{font-size:11px}.download-card{padding-inline:14px}.card-heading h2{max-width:220px;font-size:14px}.form-bottom{align-items:flex-end;gap:9px}.quality-control{width:48%}.select-wrap select{font-size:10px;padding-left:8px}.download-button{font-size:10px;gap:7px}.url-field{gap:7px;padding-left:10px}.url-field input{font-size:11px}.paste-button{padding:0 9px}.workspace-grid{margin-inline:0}footer{font-size:8px}}

#concurrencySummary{margin:0 0 12px}.queue-indicator{flex-wrap:wrap;justify-content:flex-end;text-align:right;max-width:48%}
