:root{color-scheme:dark;--bg:#0b0d0c;--panel:#141715;--line:#2a2f2b;--ink:#f2f5ef;--muted:#919990;--acid:#d8ff3e;--danger:#ff6d5f;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% 0%,#283214 0,transparent 28rem),var(--bg)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:#0b0d0cdb;backdrop-filter:blur(18px)}.brand{font-size:22px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--acid);color:#10120d;border-radius:8px 2px;font-family:Consolas,monospace}nav{display:flex;gap:28px;color:var(--muted);font-size:14px}nav a:hover{color:var(--ink)}.connection{margin-left:auto;font:12px Consolas,monospace;color:var(--muted);display:flex;align-items:center;gap:8px}.connection i{width:7px;height:7px;border-radius:50%;background:#5b625c}.connection.online i{background:var(--acid);box-shadow:0 0 14px var(--acid)}main{max-width:1180px;margin:auto;padding:0 24px}.hero{padding:96px 0 84px}.eyebrow,.section-title span{font:12px Consolas,monospace;letter-spacing:2px;color:var(--acid)}h1{font-size:clamp(54px,8vw,108px);line-height:.92;letter-spacing:-6px;margin:28px 0;max-width:950px}h1 em{color:var(--acid);font-style:normal}.hero>p{max-width:620px;color:#b6bdb5;font-size:19px;line-height:1.7;margin-bottom:42px}.download-card,.connect-card{background:linear-gradient(145deg,#181c19,#111311);border:1px solid #343a34;border-radius:18px;padding:24px;box-shadow:0 30px 80px #0000004d}.notice{margin-bottom:14px;padding:13px 16px;border:1px solid #6c5d26;background:#24200f;color:#ded6aa;border-radius:10px;font-size:13px}.notice code{color:var(--acid)}.download-card>label{font:12px Consolas,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}.url-row{display:flex;gap:10px;margin-top:10px}textarea,input,select{color:var(--ink);background:#090b0a;border:1px solid #353b36;border-radius:10px;padding:14px;width:100%;outline:none}textarea:focus,input:focus,select:focus{border-color:var(--acid);box-shadow:0 0 0 3px #d8ff3e1a}textarea{resize:vertical;min-height:58px}button,.primary,.secondary{border:0;border-radius:10px;padding:13px 18px;cursor:pointer;font-weight:700;white-space:nowrap}.primary{background:var(--acid);color:#11140d}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary{background:#292e29;color:var(--ink)}.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.quick-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}label{color:var(--muted);font-size:13px;display:grid;gap:7px}details{border-top:1px solid var(--line);padding-top:18px}summary{cursor:pointer;font-weight:700}summary span{color:var(--muted);font-weight:400;margin-left:8px}.advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-top:18px}.advanced-grid label:has(input[type=checkbox]){display:flex;align-items:center}input[type=checkbox]{width:auto;accent-color:var(--acid)}.form-footer{display:flex;justify-content:flex-end;align-items:center;min-height:46px;gap:18px;margin-top:20px}.form-footer span{color:var(--muted);font-size:13px}.preview{display:flex;gap:14px;align-items:center;padding:14px;margin-top:14px;background:#0e110f;border-radius:10px}.preview img{width:110px;height:62px;object-fit:cover;border-radius:7px}.preview div{display:grid;gap:5px}.preview span{color:var(--muted);font-size:13px}.connect-card{display:flex;align-items:center;gap:28px}.connect-copy{flex:1}.connect-card strong{display:block;font-size:20px;margin:7px 0 8px}.connect-card p{color:var(--muted);margin:0;line-height:1.55;max-width:760px}.connect-card code,.guide-section code{color:var(--acid)}.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:18px 0 0;padding:0}.setup-steps li{border:1px solid var(--line);background:#0f1210;border-radius:10px;padding:12px;display:grid;gap:5px;color:var(--muted);font-size:12px;line-height:1.45}.setup-steps strong{font-size:13px;margin:0;color:var(--ink)}.setup-steps code{white-space:nowrap}.connect-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:270px}.connect-actions a,.connect-actions button{text-align:center}.card-kicker,.field-hint{color:var(--acid);font:11px Consolas,monospace;letter-spacing:1.2px;text-transform:uppercase}.field-hint{display:block;color:var(--muted);letter-spacing:0;text-transform:none;font-family:inherit;font-size:12px;font-weight:400;margin-top:5px}.guide-section,.feature-section{padding:78px 0;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article,.feature-grid article{border:1px solid var(--line);border-radius:14px;padding:24px;background:#1417158c}.steps b{color:var(--acid);font:12px Consolas,monospace}.steps h3,.feature-grid h3{font-size:20px;margin:18px 0 8px}.steps p,.feature-grid p{color:var(--muted);line-height:1.6;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{min-height:200px}.feature-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--acid);color:#11140d;font-weight:800;font-size:19px}.queue-section{padding:78px 0;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h2{font-size:40px;letter-spacing:-2px;margin:6px 0 0}.empty{border:1px dashed #343a34;border-radius:14px;min-height:180px;display:grid;place-content:center;text-align:center;gap:8px;color:var(--muted)}.empty strong{color:var(--ink)}.job{border-top:1px solid var(--line);padding:20px 0}.job-main{display:flex;gap:14px;align-items:flex-start}.job-main>div{min-width:0}.job-main strong,.job-main small{display:block}.job-main small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.status{font:10px Consolas,monospace;padding:5px 8px;border-radius:4px;text-transform:uppercase;background:#292e29}.status-running,.status-done{color:var(--acid)}.status-failed{color:var(--danger)}.progress{height:3px;background:#282d29;margin:15px 0 7px}.progress i{display:block;height:100%;background:var(--acid)}.job>small{color:var(--muted)}.error{color:var(--danger);font-size:13px}.job-actions{display:flex;gap:8px;justify-content:flex-end}.job-actions button,.file{background:transparent;color:var(--muted);border:1px solid var(--line);padding:8px 11px;border-radius:7px;font-size:12px}.file{display:flex;justify-content:space-between;width:100%;margin:12px 0;color:var(--ink)}.file span{color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:72px 0 110px;gap:48px}.principles b{font:12px Consolas,monospace;color:var(--acid)}.principles h3{font-size:21px;margin:18px 0 8px}.principles p{color:var(--muted);line-height:1.6}footer{border-top:1px solid var(--line);padding:32px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:28px;color:var(--muted);font-size:13px}footer>span{color:var(--ink);font-weight:800}footer p{flex:1}footer a{color:var(--acid)}.error{color:var(--danger)!important}.offline-help,.local-fallback{margin-top:12px!important}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.setup-steps{grid-template-columns:1fr}}@media(max-width:700px){.topbar nav{display:none}.connection{font-size:0}.hero{padding-top:64px}h1{letter-spacing:-3px}.url-row,.connect-card{align-items:stretch;flex-direction:column}.connect-actions{max-width:none;justify-content:stretch}.connect-actions a,.connect-actions button{flex:1}.quick-options,.advanced-grid,.principles,.steps,.feature-grid{grid-template-columns:1fr}.principles{gap:20px}.form-footer{align-items:stretch;flex-direction:column}.form-footer .primary{width:100%}.section-title{align-items:center}footer{flex-wrap:wrap}footer p{order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}