:root{--primary:#1560F1;--primary-h:#0b4fd1;--soft:#e7effe;--bg:#f5f8fd;--surf:#fff;--ink:#0f172a;--txt:#334155;--mut:#64748b;--mut2:#94a3b8;--bd:#e6ebf3;--r:16px;
--ok:#16a34a;--ok-s:#e8f7ee;--warn:#f59e0b;--warn-s:#fef3e2;--bad:#dc2626;--bad-s:#fdeaea;--sh:0 1px 3px rgba(15,23,42,.05),0 10px 34px -20px rgba(15,23,42,.2)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:'Inter',system-ui,sans-serif;line-height:1.6;
background-image:radial-gradient(1200px 600px at 50% -300px,rgba(21,96,241,.08),transparent 62%);background-repeat:no-repeat}
h1,h2,h3{font-family:'Space Grotesk','Inter',sans-serif;color:var(--ink);letter-spacing:-.02em;margin:0}
a{color:var(--primary);text-decoration:none}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
.top{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.top__in{display:flex;align-items:center;height:64px;gap:12px}
.brand{font-family:'Space Grotesk';font-weight:700;font-size:1.2rem}
.brand__mark{background:linear-gradient(90deg,var(--primary),#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brand__sub{color:var(--mut2);font-weight:600}
.hero{text-align:center;padding:38px 0 22px}.hero h1{font-size:2rem;margin-bottom:8px}.hero p{color:var(--mut);max-width:560px;margin:0 auto}
.card{background:var(--surf);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:24px;margin-bottom:18px}
.steps{display:flex;gap:6px;justify-content:center;margin:22px 0 26px;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:var(--mut2);padding:.35rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--bd)}
.step.on{color:var(--primary);border-color:var(--primary);background:var(--soft)}
.step.ok{color:var(--ok);border-color:#bbf7d0;background:var(--ok-s)}
.step__n{width:20px;height:20px;border-radius:50%;background:currentColor;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem}
.step.on .step__n,.step.ok .step__n{color:#fff}
label{display:block;font-weight:600;color:var(--ink);font-size:.9rem;margin-bottom:12px}
.input,select.input{width:100%;margin-top:6px;padding:.65rem .85rem;border:1px solid var(--bd);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(21,96,241,.15)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
.btn{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;font-size:.95rem;padding:.7rem 1.3rem;border-radius:11px;border:1px solid transparent;cursor:pointer}
.btn--p{background:linear-gradient(135deg,var(--primary),var(--primary-h));color:#fff;box-shadow:0 8px 22px -10px rgba(21,96,241,.6)}
.btn--p:hover{filter:brightness(1.07)}
.btn--g{background:#fff;border-color:var(--bd);color:var(--txt)}.btn--g:hover{border-color:var(--primary);color:var(--primary)}
.alert{padding:.85rem 1rem;border-radius:11px;margin-bottom:16px;font-size:.92rem}
.alert--ok{background:var(--ok-s);color:#166534}.alert--error{background:var(--bad-s);color:#991b1b}.alert--info{background:var(--soft);color:#0b3aa0}
.alert--warn{background:var(--warn-s);color:#92400e}
.muted{color:var(--mut)}.small{font-size:.85rem}
.folders{max-height:280px;overflow:auto;border:1px solid var(--bd);border-radius:10px;padding:8px}
.fold{display:flex;align-items:center;gap:10px;padding:.45rem .55rem;border-radius:8px}
.fold:hover{background:#f8fafc}.fold input{width:17px;height:17px}
.bar{height:12px;background:#eef2f7;border-radius:999px;overflow:hidden;margin:10px 0}
.bar__in{height:100%;background:linear-gradient(90deg,var(--primary),#38bdf8);border-radius:999px;transition:width .5s}
.pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;padding:.22rem .7rem;border-radius:999px}
.pill.pending{color:var(--mut);background:#eef2f7}.pill.running{color:var(--primary);background:var(--soft)}
.pill.done{color:var(--ok);background:var(--ok-s)}.pill.error{color:var(--bad);background:var(--bad-s)}
.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--bd);font-size:.9rem}
.tbl th{color:var(--mut);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}
.foot{text-align:center;color:var(--mut2);font-size:.85rem;padding:26px 0 34px}
.mono{font-family:ui-monospace,'JetBrains Mono',monospace;font-size:.88em}
@media(max-width:700px){.grid2,.grid3{grid-template-columns:1fr}}