*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text);background:var(--bg)}:root{--bg:#f2efe8;--surface:#fffdf8;--surface-2:#faf7f0;--raise:#ffffff;--text:#211f1b;--muted:#6d6860;--faint:#a49d90;--border:#e7e1d5;--border-strong:#d6cfbf;--accent:#c2603d;--accent-ink:#a54e30;--accent-soft:#f6e7df;--accent-line:#eccbbc;--green:#3f7d54;--green-soft:#e2eee4;--red:#bd4d3c;--red-soft:#f6e0da;--amber:#b5822f;--amber-soft:#f3e8d2;--shadow: 0 1px 2px rgba(60,45,30,.04), 0 4px 16px rgba(60,45,30,.05);--shadow-lg: 0 12px 40px rgba(50,38,24,.14)}[data-theme=dark]{--bg:#191713;--surface:#221f1a;--surface-2:#28241e;--raise:#2d2921;--text:#f1ede4;--muted:#a79f92;--faint:#6f685b;--border:#332f27;--border-strong:#433d33;--accent:#e0906d;--accent-ink:#e8a385;--accent-soft:#37291f;--accent-line:#4a382c;--green:#6bab7f;--green-soft:#26312a;--red:#dd7360;--red-soft:#372520;--amber:#d5a559;--amber-soft:#352c1c;--shadow: 0 1px 2px rgba(0,0,0,.2), 0 6px 20px rgba(0,0,0,.28);--shadow-lg: 0 16px 48px rgba(0,0,0,.5)}::selection{background:var(--accent-soft);color:var(--accent-ink)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:3px solid var(--bg)}textarea,input{font-family:inherit}@keyframes barflow{0%{background-position:0 0}to{background-position:32px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.view-anim{animation:rise .34s cubic-bezier(.2,.7,.3,1) both}.font-display{font-family:Space Grotesk,system-ui,sans-serif}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.layout{display:flex;min-height:100vh}.sidebar{width:236px;flex:none;position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:6px}.main{flex:1;height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:none;padding:20px 32px;border-bottom:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{margin:0;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:22px}.topbar p{margin:3px 0 0;font-size:13px;color:var(--muted)}.content{flex:1;overflow-y:auto;padding:28px 32px 48px}.logo-row{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.logo-mark{width:34px;height:34px;border-radius:9px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #c2603d59}.logo-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:15px;line-height:1.2}.logo-sub{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--faint);letter-spacing:.5px}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left}.nav-btn svg{color:var(--faint)}.nav-btn:hover{background:var(--surface-2)}.nav-btn.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.nav-btn.active svg{color:var(--accent)}.nav-badge{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;padding:1px 7px;border-radius:20px;background:var(--accent-soft);color:var(--accent-ink)}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.conn-card{border-radius:11px;background:var(--surface-2);padding:10px 12px}.conn-line{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500}.conn-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.conn-meta{margin-top:5px;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--faint)}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:500;cursor:pointer}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.btn-green{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}.btn-green:hover{filter:brightness(1.08);background:var(--green)}.btn-danger-ghost:hover{border-color:var(--red);color:var(--red);background:var(--red-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;gap:9px;margin:0 0 14px}.section-title h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.6s infinite}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge .dot.anim{animation:pulse 1.4s infinite}.badge-running{background:var(--accent-soft);color:var(--accent-ink)}.badge-completed{background:var(--green-soft);color:var(--green)}.badge-stopped,.badge-failed{background:var(--red-soft);color:var(--red)}.avatar{width:34px;height:34px;flex:none;border-radius:9px;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:15px}.bar-track{flex:1;height:9px;border-radius:6px;background:var(--surface-2);overflow:hidden}.bar-fill{height:100%;border-radius:6px;background:var(--green);transition:width .5s ease}.bar-fill.running{background:repeating-linear-gradient(90deg,var(--accent) 0 16px,var(--accent-ink) 16px 32px);background-size:32px 100%;animation:barflow 1.2s linear infinite}.bar-fill.stopped,.bar-fill.failed{background:var(--red)}.stat-row{display:flex;gap:16px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted)}.stat-row .ok{color:var(--green)}.stat-row .bad{color:var(--red)}.empty-box{border:1.5px dashed var(--border-strong);border-radius:12px;padding:26px;text-align:center;color:var(--faint);font-size:13px}.field-label{display:block;font-size:13px;font-weight:600;margin:0 0 7px}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:9px;background:var(--raise);color:var(--text);padding:9px 12px;font-size:13.5px;outline:none}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:130px;resize:vertical;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-card{padding:16px 18px;display:flex;flex-direction:column;gap:8px}.stat-card .head{display:flex;align-items:center;justify-content:space-between}.stat-card .label{font-size:13px;color:var(--muted);font-weight:500}.stat-card .icon-box{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-card .value{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:30px;line-height:1.1}.stat-card .foot{font-size:12px;color:var(--faint)}.dash-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.running-card{border-color:var(--accent-line);padding:15px 18px;margin-bottom:12px}.row-head{display:flex;align-items:center;gap:11px}.row-head .title{font-weight:600;font-size:14px}.row-head .meta{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--faint);margin-top:2px}.list-row{display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.dot{width:8px;height:8px;border-radius:50%;flex:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wizard-grid{display:grid;grid-template-columns:1fr 380px;gap:28px;max-width:1120px;align-items:start}.stepper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.step-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 8px;border:1px solid var(--border);border-radius:20px;background:var(--surface);font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer}.step-pill .num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;background:var(--surface-2);color:var(--faint)}.step-pill.done{color:var(--text)}.step-pill.done .num{background:var(--accent);color:#fff}.step-pill.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.step-pill.active .num{background:var(--accent);color:#fff}.wizard-card{padding:22px 24px;min-height:340px;display:flex;flex-direction:column;border-radius:16px}.wizard-card h3{margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:17px}.wizard-card .sub{margin:0 0 18px;font-size:13px;color:var(--muted)}.wizard-card .sub code{font-family:IBM Plex Mono,monospace;font-size:12px;background:var(--surface-2);padding:1px 6px;border-radius:5px;border:1px solid var(--border)}.wizard-foot{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid var(--border)}.img-slot{width:132px;height:96px;border:1.5px dashed var(--border-strong);border-radius:11px;background:var(--surface-2);color:var(--faint);font-size:12.5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;position:relative}.img-slot.has{border-color:var(--accent);color:var(--accent-ink);border-style:solid}.img-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.btn-row-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);margin-bottom:8px}.btn-row-item .url{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted)}.x-btn{border:0;background:transparent;color:var(--faint);cursor:pointer;font-size:16px;line-height:1;padding:4px 6px;border-radius:6px}.x-btn:hover{color:var(--red);background:var(--red-soft)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:16px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:8px}.choice-card:hover{background:var(--surface-2)}.choice-card.selected{border-color:var(--accent);background:var(--accent-soft)}.choice-card.selected svg{color:var(--accent-ink)}.choice-card .t{font-weight:600;font-size:14px}.choice-card .d{font-size:12.5px;color:var(--muted)}.bot-option{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:12px 14px;margin-bottom:9px;cursor:pointer}.bot-option:hover{background:var(--surface-2)}.bot-option.selected{border-color:var(--accent);background:var(--accent-soft)}.bot-option.locked{opacity:.55;cursor:not-allowed}.radio{width:18px;height:18px;flex:none;border-radius:50%;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center}.radio.on{border-color:var(--accent);background:var(--accent)}.radio.on:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.lock-tag{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:12px;color:var(--faint)}.summary-row{display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px dashed var(--border);font-size:13.5px}.summary-row .k{color:var(--muted)}.summary-row .v{font-weight:600}.warn-bar{margin-top:14px;display:flex;gap:9px;align-items:flex-start;background:var(--amber-soft);color:var(--amber);border-radius:10px;padding:11px 13px;font-size:12.5px;line-height:1.55}.preview-wrap{position:sticky;top:0}.preview-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin-bottom:10px}.tg-canvas{border-radius:16px;padding:22px 16px 26px;background:linear-gradient(160deg,#a8c8e8,#7fa8d0)}.tg-bubble{max-width:290px;background:#fff;color:#1a1a1a;border-radius:4px 14px 14px;padding:8px;box-shadow:0 2px 6px #1e3c5a2e}.tg-img{border-radius:8px;overflow:hidden;margin-bottom:8px}.tg-img img{display:block;width:100%;max-height:200px;object-fit:cover}.tg-img-ph{height:150px;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:11px;color:#7d97ad;letter-spacing:1px;background:repeating-linear-gradient(45deg,#eef3f7 0 12px,#e2eaf1 12px 24px)}.tg-text{font-size:13.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding:2px 4px}.tg-text.placeholder{color:#9aa7b2}.tg-btn{margin-top:6px;text-align:center;background:#f0f4f8;color:#2f7fc4;font-size:13px;font-weight:500;border-radius:8px;padding:7px 10px}.tg-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;padding:4px 4px 0;color:#9aa7b2;font-size:10.5px}.preview-info{margin-top:12px;padding:13px 15px}.preview-info .row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0}.preview-info .row .k{color:var(--muted)}.preview-info .row .v{font-weight:600}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter-pill{border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:7px 14px;font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer;display:inline-flex;gap:7px;align-items:center}.filter-pill .n{font-family:IBM Plex Mono,monospace;opacity:.65}.filter-pill.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.task-card{padding:15px 18px;margin-bottom:12px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.lib-add{min-height:196px;border:1.5px dashed var(--border-strong);border-radius:14px;background:transparent;color:var(--faint);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:13.5px;font-weight:500}.lib-add:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.lib-card{display:flex;flex-direction:column;overflow:hidden}.lib-img{height:112px;flex:none;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:1px;color:var(--faint);background:repeating-linear-gradient(45deg,var(--surface-2) 0 12px,var(--bg) 12px 24px);border-bottom:1px solid var(--border);overflow:hidden}.lib-img img{width:100%;height:100%;object-fit:cover}.lib-body{padding:13px 15px;display:flex;flex-direction:column;gap:8px;flex:1}.lib-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.lib-caption{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lib-foot{margin-top:auto;display:flex;align-items:center;gap:8px}.lib-updated{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--faint);margin-right:auto}.btn-sm{padding:5px 12px;font-size:12.5px;border-radius:8px}.modal-mask{position:fixed;inset:0;background:#140f0a73;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:22px 24px;animation:rise .25s cubic-bezier(.2,.7,.3,1) both;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:17px}.modal .foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:99;display:flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:10px 18px;border-radius:12px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow-lg);animation:rise .25s ease both}.toast.error{background:var(--red)}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gate .card{max-width:380px;padding:32px 28px;text-align:center}.gate h2{font-family:Space Grotesk,sans-serif;margin:14px 0 8px;font-size:18px}.gate p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0}@media(max-width:900px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;padding:10px 12px;border-right:0;border-bottom:1px solid var(--border);gap:4px;overflow-x:auto}.logo-row{padding:0 8px 0 0}.logo-row .logo-text,.side-foot .conn-card{display:none}.nav-btn{width:auto;white-space:nowrap;padding:8px 10px}.nav-btn span.lbl{font-size:12.5px}.side-foot{margin:0 0 0 auto;flex-direction:row}.main{height:auto;overflow:visible}.content{padding:18px 14px 40px;overflow:visible}.topbar{padding:14px 16px}.wizard-grid,.dash-cols{grid-template-columns:1fr}.preview-wrap{position:static}}