:root{color-scheme:light;--text:#243b35;--page:#f6f7f2;--surface:#fff;--on-accent:white;--art-text:#8b9e76;--art:#e9edde;--soft:#edf3ec;--tag-text:#667566;--tag:#eef1e8;--input-line:#d9e0d6;--input:#fafbf8;--placeholder:#929b95;--selected:#f1f6ef;--count:#e8eddf;--file:#eef2e8;--file-text:#526e44;--danger-bg:#f9e9e6;--danger:#9f3e30;--dash:#d7dfd0;--empty:#f9faf6;--pulse:#dce8d6;--progress:#769779;--footer:#8a9588}
:root[data-theme="dark"]{color-scheme:dark;--text:#e1ebe5;--page:#121c19;--surface:#1b2923;--green:#89d5b9;--on-accent:#11251d;--muted:#acbcb2;--line:#394b40;--art-text:#b7ca9c;--art:#2c3b2c;--soft:#293d32;--tag-text:#bdcdb6;--tag:#2d392c;--input-line:#4b5d50;--input:#16231d;--placeholder:#99aa9e;--selected:#253e31;--count:#324333;--file:#2b3e2f;--file-text:#c0d8af;--danger-bg:#442923;--danger:#ffb4a4;--dash:#495b4b;--empty:#18251e;--pulse:#354c39;--progress:#a3c296;--footer:#a5b6a5}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--page);font-synthesis:none;--green:#176454;--muted:#6b7871;--line:#dfe5db}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;padding:13px 19px;font-weight:650}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){filter:brightness(.95)}:focus-visible{outline:3px solid #d29131;outline-offset:3px}a{color:var(--green)}[hidden]{display:none!important}.header{max-width:1120px;margin:auto;padding:27px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;background:var(--green);color:var(--on-accent);width:40px;height:40px;border-radius:12px}.brand-caption{font-size:9px;letter-spacing:1.7px;color:var(--muted);font-weight:650;margin-left:12px}.quiet{background:transparent;color:var(--green)}#account{display:flex;align-items:center;gap:14px;font-size:14px}main{max-width:980px;margin:auto;padding:0 30px}.intro{display:flex;align-items:center;justify-content:space-between;padding:48px 0 28px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--green);margin:0 0 13px}h1{font-size:clamp(30px,4vw,43px);letter-spacing:-1.7px;line-height:1.18;margin:0 0 14px;font-weight:650}.lead{color:var(--muted);font-size:15px;line-height:1.8;margin:0}.intro-art{font-size:75px;transform:rotate(-12deg);color:var(--art-text);background:var(--art);border-radius:50%;width:120px;height:120px;text-align:center;margin-right:18px}h2{font-size:18px;font-weight:650;letter-spacing:-.4px;margin:0}h3{font-size:18px;line-height:1.45;margin:0;overflow-wrap:anywhere}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 18px #203b3010;padding:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.step{display:inline-grid;place-items:center;background:var(--soft);font-size:11px;color:var(--green);border-radius:7px;width:29px;height:29px;margin-right:8px}.tag{font-size:11px;color:var(--tag-text);background:var(--tag);border-radius:20px;padding:6px 10px;white-space:nowrap}label,legend{display:block;font-size:12px;font-weight:650;margin:0 0 8px}input:not([type=radio]),select{width:100%;border:1px solid var(--input-line);border-radius:10px;background:var(--input);padding:14px;color:var(--text);font-size:14px;min-width:0}input::placeholder{color:var(--placeholder)}.url-row{display:flex;gap:10px}.url-row input{flex:1}.primary{background:var(--green);color:var(--on-accent);display:inline-flex;justify-content:center;align-items:center;gap:20px;white-space:nowrap}.hint{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0 0}.media-summary{display:flex;gap:17px;padding:24px 0;border-top:1px solid var(--line);margin-top:22px}.media-icon{background:var(--art);color:var(--green);border-radius:12px;width:65px;min-width:65px;height:65px;display:grid;place-items:center;font-size:23px}.media-summary .eyebrow{margin-bottom:4px}.options{display:flex;gap:28px;align-items:start;margin:0 0 22px}fieldset{border:0;padding:0;margin:0;display:flex;gap:10px;flex:1}legend{margin-bottom:10px}.choice{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:13px;flex:1;font-size:13px}.choice:has(input:checked){border-color:var(--green);background:var(--selected)}.choice input{accent-color:var(--green)}.choice span{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:5px;margin-left:23px}#resolution-wrap{width:180px}.jobs-section,.history-section{margin-top:35px}.jobs-section>.hint,.history-section>.hint{margin:-8px 0 17px}.count{font-size:11px;background:var(--count);padding:3px 7px;border-radius:6px;margin-left:7px;vertical-align:middle}.connection{font-size:11px;color:var(--muted)}.row{display:flex;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:9px}.file-icon{font-size:11px;font-weight:750;letter-spacing:.5px;background:var(--file);color:var(--file-text);border-radius:9px;width:47px;height:49px;min-width:47px;display:grid;place-items:center}.row-content{flex:1;min-width:0}.row-title{font-size:14px;font-weight:600;overflow-wrap:anywhere;line-height:1.5;margin:0}.row-meta{font-size:11px;color:var(--muted);line-height:1.7;margin:4px 0 0}.actions{display:flex;align-items:center;gap:7px}.actions button,.download{padding:9px 12px;font-size:12px;border-radius:8px;white-space:nowrap}.download{background:var(--soft);color:var(--green);text-decoration:none;font-weight:650}.danger{background:var(--danger-bg);color:var(--danger)}.empty{text-align:center;border:1px dashed var(--dash);border-radius:13px;padding:26px 15px;color:var(--muted);font-size:13px;background:var(--empty)}.pulse{height:3px;background:var(--pulse);margin-top:12px;border-radius:5px;overflow:hidden}.pulse:after{content:"";display:block;background:var(--progress);width:30%;height:100%;animation:progress 2s infinite ease-in-out}@keyframes progress{from{transform:translateX(-100%)}to{transform:translateX(430%)}}.error{color:var(--danger)!important}#message{font-size:13px;line-height:1.5;margin:15px 0 0}#message:empty,#login-message:empty{display:none}.login{max-width:440px;margin:58px auto}.login-card{margin-top:28px}.login-card h2{margin-bottom:24px}.login-card input{margin-bottom:18px}.login-card .primary{width:100%;margin-top:4px}.footnote{text-align:center;color:var(--muted);font-size:12px;margin:22px 0}footer{max-width:920px;margin:45px auto 0;border-top:1px solid var(--line);padding:22px 0 35px;color:var(--footer);font-size:14px;font-weight:700}footer span{font-size:11px;float:right;font-weight:400}dialog{border:1px solid var(--line);border-radius:17px;max-width:420px;padding:27px;color:var(--text)}dialog::backdrop{background:#142e2466}dialog p{font-size:14px;line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}@media(prefers-reduced-motion:reduce){.pulse:after{animation:none}}@media(max-width:600px){.header{padding:19px 20px}.brand-caption,.intro-art{display:none}main{padding:0 17px}.intro{padding-top:32px}.card{padding:21px}.url-row{flex-direction:column}.url-row button{width:100%}.options{flex-direction:column;gap:18px}fieldset{width:100%}#resolution-wrap{width:100%}.row{flex-wrap:wrap;padding:15px}.actions{margin-left:auto}.row-content{min-width:65%}.section-heading h2{font-size:17px}footer{margin:35px 18px 0}#account{gap:0}#username{font-size:12px}.login{margin-top:38px}.tag{font-size:10px}}

.header-tools{display:flex;align-items:center;gap:18px}.theme-picker{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted)}.theme-picker select{width:auto;padding:8px 10px;font-size:12px}dialog{background:var(--surface)}
@media(max-width:800px){.brand-caption{display:none}}
@media(max-width:600px){.header{flex-wrap:wrap;gap:12px}.header-tools{flex-wrap:wrap;gap:8px;margin-left:auto}.theme-picker{font-size:11px}#account{flex-wrap:wrap}}