:root{--bg:#f6f7fb;--bg-2:#fff;--surface:#fff;--surface-2:#f0f2f8;--border:#e3e6ef;--text:#141726;--muted:#5d6478;--accent:#6d5efc;--accent-2:#18b6d9;--accent-text:#fff;--accent-soft:#ecebff;--danger:#d6334a;--ok:#138a55;--shadow:0 1px 2px #1417260a, 0 8px 24px #1417260f;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d0f17;--bg-2:#121522;--surface:#161a28;--surface-2:#1d2233;--border:#262c40;--text:#e9ebf3;--muted:#9aa1b8;--accent:#8a7dff;--accent-2:#2cc8e8;--accent-soft:#241f4d;--danger:#ff6b7f;--ok:#3ccf8e;--shadow:0 1px 2px #0000004d, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d0f17;--bg-2:#121522;--surface:#161a28;--surface-2:#1d2233;--border:#262c40;--text:#e9ebf3;--muted:#9aa1b8;--accent:#8a7dff;--accent-2:#2cc8e8;--accent-soft:#241f4d;--danger:#ff6b7f;--ok:#3ccf8e;--shadow:0 1px 2px #0000004d, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}.app{background:radial-gradient(1200px 500px at 50% -200px, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), var(--bg);flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:0 16px 48px}.top{justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:0 auto;padding:16px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.25rem;text-decoration:none;display:flex}.brand b{font-weight:800}.top-actions{align-items:center;gap:6px;display:flex}.icon-btn{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.lang{font-size:.8rem;font-weight:700}.hero{text-align:center;padding:28px 0 24px}.hero h1{background:linear-gradient(120deg, var(--text) 30%, var(--accent) 70%, var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(1.9rem,5vw,3.1rem)}.lead{color:var(--muted);max-width:560px;margin:0 auto;font-size:1.05rem}.drop{text-align:center;border:2px dashed color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--surface) 85%, transparent);cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:44px 20px;transition:border-color .15s,background .15s,transform .15s;display:flex}.drop:hover,.drop:focus-visible,.dragging .drop{border-color:var(--accent);background:var(--accent-soft);outline:none}.drop.compact{flex-direction:row;padding:16px 20px}.drop.compact .drop-icon svg{width:24px;height:24px}.drop-icon{color:var(--accent)}.drop-text{font-size:1.1rem}.drop-hint{color:var(--muted);font-size:.9rem}.drag-overlay{background:color-mix(in srgb, var(--accent) 18%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;z-index:50;place-items:center;display:grid;position:fixed;inset:0}.drag-overlay div{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:18px 28px;font-weight:600}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 16px;font-size:.92rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn.primary{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, var(--accent-2)));color:var(--accent-text);border-color:#0000}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, var(--accent-2)))}.btn.ghost{background:0 0}.btn.small{min-height:32px;padding:0 12px}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--accent);cursor:pointer;text-underline-offset:2px;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.muted{color:var(--muted)}.small{font-size:.84rem}.queue{margin-top:18px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-group.end{margin-left:auto}.cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.card.status-done{border-color:color-mix(in srgb, var(--ok) 40%, var(--border))}.card.status-error{border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}.card-main{align-items:center;gap:12px;display:flex}.card-info{flex:1;min-width:0}.card-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.card-meta{color:var(--muted);font-size:.85rem}.card-meta .link{color:var(--muted)}.card-actions{align-items:center;gap:8px;display:flex}.card-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:.9rem;display:flex}.card-row.error{color:var(--danger);white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.route-path{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:.78rem;font-weight:700;display:inline-flex}.route-node{align-items:center;gap:4px;display:inline-flex}.arrow{opacity:.6}.badge{--hue:220;letter-spacing:.02em;min-width:46px;height:46px;color:hsl(var(--hue) 70% 32%);background:hsl(var(--hue) 80% 93%);border-radius:11px;flex:none;place-items:center;padding:0 6px;font-size:.72rem;font-weight:800;display:inline-grid}:root[data-theme=dark] .badge{color:hsl(var(--hue) 85% 78%);background:hsl(var(--hue) 40% 20%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge{color:hsl(var(--hue) 85% 78%);background:hsl(var(--hue) 40% 20%)}}.progress-wrap{gap:6px;margin-top:10px;display:grid}.progress{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .2s}.bar.indeterminate{width:35%;animation:1.2s ease-in-out infinite slide}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.outputs{margin-top:10px;font-size:.9rem}.outputs ul{gap:2px;max-height:220px;margin:4px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.outputs li{justify-content:space-between;gap:12px;display:flex}.outputs .link{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.options{background:var(--surface-2);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 16px;margin-top:12px;padding:12px;display:grid}.option{gap:4px;font-size:.86rem;display:grid}.option-boolean{align-items:center;gap:8px;display:flex}.option-label b{color:var(--accent)}.option input[type=text],.option input[type=number],.option select{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;height:34px;padding:0 10px}.option input[type=range]{accent-color:var(--accent)}.picker{position:relative}.picker-button{white-space:nowrap;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:.9rem;font-weight:700;display:inline-flex}.picker-button.has-value{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:var(--accent-soft)}.picker-label{color:var(--muted);font-weight:500}.picker-pop{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(440px,100vw - 32px);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 16px 48px #0000002e}.toolbar .picker-pop{left:0;right:auto}.picker-search{border:0;border-bottom:1px solid var(--border);background:0 0;outline:none;width:100%;padding:12px 14px}.picker-list{max-height:min(420px,60vh);padding:6px 8px 10px;overflow:auto}.picker-empty{color:var(--muted);text-align:center;padding:16px}.picker-cat{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 6px 4px;font-size:.72rem;font-weight:700}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:4px;display:grid}.picker-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;gap:1px;padding:7px 8px;display:grid}.picker-item.active{background:var(--surface-2)}.picker-item.selected{border-color:var(--accent)}.picker-item .ext{font-size:.85rem;font-weight:800}.picker-item .name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.picker-item .via{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.privacy{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;margin:20px 0 0;font-size:.9rem;display:flex}.privacy svg{color:var(--ok);flex:none}.how,.catalog{margin-top:56px}.how h2,.catalog h2{margin:0 0 16px;font-size:1.5rem}.how ol{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.how li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.how .num{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:8px;place-items:center;font-weight:800;display:inline-grid}.how h3{margin:10px 0 4px;font-size:1.05rem}.how p{color:var(--muted);margin:0;font-size:.92rem}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:10px;display:grid}.catalog-cat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.catalog-cat summary{cursor:pointer;justify-content:space-between;padding:12px 16px;font-weight:600;display:flex}.catalog-list{flex-wrap:wrap;gap:6px;padding:0 12px 12px;display:flex}.catalog-item{background:var(--surface-2);border-radius:8px;align-items:center;gap:6px;padding-right:8px;font-size:.82rem;display:inline-flex}.catalog-item .badge{border-radius:8px;min-width:38px;height:26px;font-size:.62rem}.foot{border-top:1px solid var(--border);text-align:center;gap:6px;width:100%;max-width:960px;margin:0 auto;padding:24px 16px 32px;font-size:.9rem;display:grid}@media (max-width:640px){.card-main{flex-wrap:wrap}.card-actions{justify-content:flex-end;width:100%}.card-actions .picker{margin-right:auto}.picker-pop{width:auto;position:fixed;top:auto;bottom:16px;left:16px!important;right:16px!important}.drop{padding:32px 16px}.toolbar-group.end{margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}