:root{--r-sm: 7px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--maxw: 1180px;--sidebar: 248px;--ease: cubic-bezier(.22,.61,.36,1)}[data-theme=slate]{--bg: #f4f6f9;--bg-grid: rgba(15,23,42,.035);--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--border: #e3e8ef;--border-strong: #cbd5e1;--text: #0f1b2d;--text-muted: #5b6b82;--text-faint: #94a3b8;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-fg: #ffffff;--accent-soft: #e8efff;--accent-ring: rgba(37,99,235,.28);--success: #15803d;--success-soft: #e7f6ec;--danger: #dc2626;--danger-soft: #fdeaea;--warning: #b45309;--warning-soft: #fcf2e2;--code-bg: #0f1b2d;--code-text: #d7e0ee;--code-accent: #7dd3fc;--shadow-sm: 0 1px 2px rgba(15,27,45,.06), 0 1px 3px rgba(15,27,45,.05);--shadow-md: 0 6px 20px -8px rgba(15,27,45,.18), 0 2px 6px rgba(15,27,45,.06);--shadow-lg: 0 24px 60px -20px rgba(15,27,45,.32);--font-head: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--head-weight: 600;--head-spacing: -.01em}[data-theme=saas]{--bg: #f6f5fc;--bg-grid: rgba(91,63,201,.04);--surface: #ffffff;--surface-2: #faf9ff;--surface-3: #f3f0fd;--border: #ebe7f7;--border-strong: #d6cdf0;--text: #1c1535;--text-muted: #6a6386;--text-faint: #a59fc0;--accent: #6d3fe0;--accent-hover: #5c2fcc;--accent-fg: #ffffff;--accent-soft: #efeaff;--accent-ring: rgba(109,63,224,.26);--success: #1f9d63;--success-soft: #e6f7ee;--danger: #e0436b;--danger-soft: #fdebf0;--warning: #c47d12;--warning-soft: #fbf2df;--code-bg: #1e1640;--code-text: #e3ddf7;--code-accent: #c4b5fd;--shadow-sm: 0 1px 2px rgba(45,27,99,.06), 0 1px 3px rgba(45,27,99,.05);--shadow-md: 0 10px 30px -12px rgba(76,45,160,.28), 0 2px 6px rgba(45,27,99,.06);--shadow-lg: 0 28px 70px -22px rgba(76,45,160,.42);--font-head: "Manrope", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--head-weight: 700;--head-spacing: -.02em}[data-theme=terminal]{--bg: #0a0e14;--bg-grid: rgba(125,211,252,.045);--surface: #121822;--surface-2: #0e141d;--surface-3: #1a2230;--border: #222c3a;--border-strong: #33404f;--text: #e6edf6;--text-muted: #93a4ba;--text-faint: #5d6e84;--accent: #46e3a0;--accent-hover: #34d390;--accent-fg: #06140d;--accent-soft: #122a20;--accent-ring: rgba(70,227,160,.3);--success: #46e3a0;--success-soft: #112a1f;--danger: #ff6b81;--danger-soft: #2a141a;--warning: #f6c453;--warning-soft: #2a230f;--code-bg: #060a10;--code-text: #c7d3e2;--code-accent: #7dd3fc;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 10px 28px -12px rgba(0,0,0,.7);--shadow-lg: 0 28px 64px -20px rgba(0,0,0,.8);--font-head: "JetBrains Mono", ui-monospace, monospace;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--head-weight: 600;--head-spacing: -.01em}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:linear-gradient(0deg,var(--bg-grid) 1px,transparent 1px) 0 0 / 100% 28px,linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px) 0 0 / 28px 100%,var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-head);font-weight:var(--head-weight);letter-spacing:var(--head-spacing);margin:0}a{color:inherit}::selection{background:var(--accent-ring)}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 16px;gap:6px;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px}.brand-mark{width:36px;height:36px;border-radius:9px;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;flex:none;box-shadow:var(--shadow-sm)}.brand-mark svg{width:20px;height:20px}.brand-name{font-family:var(--font-head);font-weight:var(--head-weight);font-size:16px;line-height:1.1;letter-spacing:var(--head-spacing)}.brand-sub{font-size:11px;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.02em}.nav{display:flex;flex-direction:column;gap:3px;margin-top:4px}.nav-label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:12px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-md);color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;border:1px solid transparent;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.nav-item svg{width:18px;height:18px;flex:none;opacity:.85}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}[data-theme=terminal] .nav-item.active{color:var(--accent)}.nav-item .kbd{margin-left:auto;font-size:10px;color:var(--text-faint);font-family:var(--font-mono)}.sidebar-foot{margin-top:auto}.privacy-badge{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:var(--r-md);background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 22%,transparent);font-size:12px;line-height:1.4;color:var(--text)}.privacy-badge svg{width:16px;height:16px;color:var(--success);flex:none;margin-top:1px}.privacy-badge b{color:var(--success);font-weight:600}.main{min-width:0;display:flex;flex-direction:column}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c1473;z-index:25;opacity:0;pointer-events:none;transition:opacity .25s}.scrim.show{opacity:1;pointer-events:auto}@media (min-width: 881px){.scrim{display:none}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:15px 26px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar h1{font-size:19px}.topbar .sub{font-size:13px;color:var(--text-muted)}.topbar-spacer{flex:1}.conn-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:500;padding:7px 12px;border-radius:var(--r-pill);cursor:pointer;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-muted);transition:all .15s;white-space:nowrap}.conn-chip:hover{border-color:var(--text-faint);color:var(--text)}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 22%,transparent)}.conn-chip.connected .conn-dot{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 22%,transparent)}.menu-btn{display:none}.content{padding:26px;max-width:var(--maxw);width:100%;margin:0 auto}.content.narrow{max-width:920px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-head{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.card-head h3{font-size:15px}.card-head .ico{width:30px;height:30px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;color:var(--accent);flex:none}.card-head .ico svg{width:16px;height:16px}.card-head .desc{font-size:12.5px;color:var(--text-muted)}.card-body{padding:20px}.card-num{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}.stack{display:flex;flex-direction:column;gap:22px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:7px}.field .opt{font-weight:400;color:var(--text-faint);font-size:11.5px}.field .hint{font-size:11.5px;color:var(--text-muted)}.req{color:var(--danger)}.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.frow-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.fgroup{display:flex;flex-direction:column;gap:16px}.input,.select,textarea.input{width:100%;font-family:var(--font-body);font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.input::placeholder{color:var(--text-faint)}.input:focus,.select:focus,textarea.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:var(--surface)}.input.mono{font-family:var(--font-mono)}.input.err{border-color:var(--danger)}.field-err{font-size:11.5px;color:var(--danger);display:flex;align-items:center;gap:5px}.field-err svg{width:13px;height:13px}.select-wrap{position:relative}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;cursor:pointer}.select-wrap .chev{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);width:16px;height:16px}textarea.input{resize:vertical;min-height:120px;line-height:1.55}.seg{display:inline-flex;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-sm);padding:3px;gap:3px}.seg button{border:0;background:transparent;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-muted);padding:7px 14px;border-radius:6px;transition:all .14s;white-space:nowrap}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}[data-theme=terminal] .seg button.on{background:var(--accent-soft);color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 6px 5px 12px;font-family:var(--font-mono);font-size:12.5px;white-space:nowrap}.chip .tag{font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:1px 5px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-body)}.chip .tag.ip{background:var(--warning-soft);color:var(--warning)}.chip .tag.cn{background:var(--success-soft);color:var(--success)}.chip button{border:0;background:transparent;cursor:pointer;color:var(--text-faint);display:grid;place-items:center;padding:2px;border-radius:4px}.chip button:hover{color:var(--danger);background:var(--danger-soft)}.chip button svg{width:13px;height:13px}.chip.empty{color:var(--text-faint);font-style:italic;font-family:var(--font-body);background:transparent;border:1px dashed var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:14px;font-weight:600;padding:10px 16px;border-radius:var(--r-sm);cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-3);border-color:var(--text-faint)}.btn-soft{background:var(--accent-soft);color:var(--accent)}.btn-soft:hover{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.btn-sm{padding:7px 11px;font-size:12.5px}.btn-lg{padding:13px 22px;font-size:15px}.btn-block{width:100%}.btn-icon{padding:8px}.btn-link{background:transparent;color:var(--accent);border:0;cursor:pointer;font-weight:600;font-size:13px;padding:4px}.btn-link:hover{text-decoration:underline}.input-row{display:flex;gap:9px}.input-row .input{flex:1}.code{position:relative;background:var(--code-bg);color:var(--code-text);border-radius:var(--r-md);border:1px solid var(--border);font-family:var(--font-mono);font-size:12.5px;line-height:1.6;overflow:hidden}.code-head{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.code-dot{width:10px;height:10px;border-radius:50%}.code-title{font-size:11.5px;color:#ffffff8c;font-family:var(--font-mono)}.code-actions{margin-left:auto;display:flex;gap:6px}.code-actions .cbtn{display:inline-flex;align-items:center;gap:5px;background:#ffffff0f;color:#ffffffc7;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 9px;font-size:11px;cursor:pointer;font-family:var(--font-body);font-weight:500;transition:all .14s}.code-actions .cbtn:hover{background:#ffffff21;color:#fff}.code-actions .cbtn svg{width:13px;height:13px}.code pre{margin:0;padding:14px 16px;overflow-x:auto;white-space:pre;max-height:320px}.code.cmd pre{white-space:pre-wrap;word-break:break-all}.code .tok-accent{color:var(--code-accent)}.code .tok-dim{color:#fff6}.code .tok-str{color:#a3e3b0}.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:48px 28px;min-height:320px;border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--text-muted);background:var(--surface-2)}.result-empty .big{width:56px;height:56px;border-radius:14px;background:var(--surface-3);display:grid;place-items:center;color:var(--text-faint)}.result-empty .big svg{width:28px;height:28px}.result-empty h4{font-size:15px;color:var(--text)}.result-empty p{font-size:13px;max-width:280px;margin:0}.warn-strip{display:flex;align-items:flex-start;gap:10px;background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);border-radius:var(--r-md);padding:12px 14px;font-size:12.5px;line-height:1.45;color:var(--text)}.warn-strip svg{width:17px;height:17px;color:var(--warning);flex:none;margin-top:1px}.warn-strip b{color:var(--warning)}.meta{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:13px}.meta dt{color:var(--text-muted);font-weight:500;white-space:nowrap}.meta dd{margin:0;font-family:var(--font-mono);font-size:12.5px;word-break:break-word}.meta dd.empty{color:var(--text-faint);font-style:italic;font-family:var(--font-body)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill);font-family:var(--font-body)}.pill svg{width:12px;height:12px}.pill.ok{background:var(--success-soft);color:var(--success)}.pill.warn{background:var(--warning-soft);color:var(--warning)}.pill.info{background:var(--accent-soft);color:var(--accent)}.pill.neutral{background:var(--surface-3);color:var(--text-muted)}.strength{display:flex;flex-direction:column;gap:7px}.strength-bar{height:7px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden;display:flex;gap:3px;padding:0}.strength-bar i{flex:1;border-radius:var(--r-pill);background:var(--border-strong);transition:background .3s}.strength.s1 .strength-bar i:nth-child(-n+1),.strength.s2 .strength-bar i:nth-child(-n+2),.strength.s3 .strength-bar i:nth-child(-n+3),.strength.s4 .strength-bar i:nth-child(-n+4){background:var(--accent)}.strength.s1 .strength-bar i:nth-child(-n+1){background:var(--danger)}.strength.s2 .strength-bar i:nth-child(-n+2){background:var(--warning)}.strength-row{display:flex;justify-content:space-between;font-size:12px}.strength-row .lbl{color:var(--text-muted)}.strength-row .val{font-weight:600}.hist-list{display:flex;flex-direction:column;gap:12px}.hist-item{display:flex;align-items:center;gap:16px;padding:15px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .15s}.hist-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.hist-ico{width:40px;height:40px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}.hist-ico svg{width:19px;height:19px}.hist-main{min-width:0;flex:1}.hist-cn{font-weight:600;font-size:14.5px;font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-meta{font-size:12px;color:var(--text-muted);display:flex;gap:12px;flex-wrap:wrap;margin-top:3px}.hist-actions{display:flex;gap:6px;flex:none}.toast-wrap{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:9px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:var(--code-bg);color:#fff;padding:11px 16px;border-radius:var(--r-pill);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);animation:toastIn .3s var(--ease)}.toast svg{width:16px;height:16px}.toast.ok svg{color:#46e3a0}.toast.err svg{color:#ff6b81}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}}.section-intro{margin-bottom:22px}.section-intro h2{font-size:22px;margin-bottom:6px}.section-intro p{font-size:14px;color:var(--text-muted);margin:0;max-width:640px}.presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.preset{text-align:left;padding:14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:5px}.preset:hover{border-color:var(--accent);background:var(--surface);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.preset .pt{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px}.preset .pt svg{width:15px;height:15px;color:var(--accent)}.preset .pd{font-size:11.5px;color:var(--text-muted);line-height:1.4}.spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--accent-fg) 40%,transparent);border-top-color:var(--accent-fg);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--border);margin:4px 0}.steps{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:13px}.steps li{position:relative;padding-left:36px;font-size:13px;line-height:1.5;color:var(--text-muted)}.steps li b{color:var(--text);font-weight:600}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:-1px;width:24px;height:24px;border-radius:7px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:700;font-family:var(--font-head)}code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-3);color:var(--text);padding:1px 5px;border-radius:5px;border:1px solid var(--border)}.switch{width:42px;height:24px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface-3);cursor:pointer;padding:0;position:relative;flex:none;transition:background .18s,border-color .18s}.switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease)}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on .switch-knob{transform:translate(18px);background:var(--accent-fg)}.set-row{display:flex;align-items:center;gap:16px;padding:13px 0;border-top:1px solid var(--border)}.set-row:first-child{border-top:0}.set-row .set-main{flex:1;min-width:0}.set-row .set-title{font-size:13.5px;font-weight:600}.set-row .set-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.set-row .set-ctrl{flex:none;display:flex;align-items:center;gap:10px}.set-val{font-family:var(--font-mono);font-size:12.5px;color:var(--accent);min-width:52px;text-align:right}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:5px;border-radius:var(--r-pill);background:var(--surface-3);outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:var(--shadow-sm)}.range::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--accent);cursor:pointer}.progress-card{padding:26px 24px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.progress-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.progress-head .ph-ico{width:34px;height:34px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}.progress-head .ph-ico svg{width:18px;height:18px}.progress-head h4{font-size:15px;white-space:nowrap}.progress-head>div{min-width:0}.progress-head .ph-sub{font-size:12.5px;color:var(--text-muted);font-family:var(--font-mono)}.progress-head .ph-time{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.steps-v{display:flex;flex-direction:column;gap:0}.step-v{display:flex;gap:13px;align-items:flex-start}.step-v .sv-rail{display:flex;flex-direction:column;align-items:center;flex:none}.step-v .sv-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;color:var(--text-faint);transition:all .25s}.step-v .sv-dot svg{width:13px;height:13px}.step-v .sv-line{width:2px;flex:1;min-height:22px;background:var(--border);transition:background .25s}.step-v .sv-body{padding-bottom:22px}.step-v .sv-name{font-size:13.5px;font-weight:600;color:var(--text-faint);transition:color .2s;white-space:nowrap}.step-v .sv-meta{font-size:11.5px;color:var(--text-faint);margin-top:2px;line-height:1.35}.step-v:last-child .sv-line{display:none}.step-v:last-child .sv-body{padding-bottom:0}.step-v.done .sv-dot{border-color:var(--success);background:var(--success);color:#fff}.step-v.done .sv-line{background:var(--success)}.step-v.done .sv-name{color:var(--text)}.step-v.active .sv-dot{border-color:var(--accent);color:var(--accent);animation:pulse 1.3s var(--ease) infinite}.step-v.active .sv-name{color:var(--text)}.step-v.active .sv-dot .sv-spin{width:11px;height:11px;border:2px solid var(--accent-ring);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-ring)}50%{box-shadow:0 0 0 5px transparent}}.retry-note{margin-top:18px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--warning);background:var(--warning-soft);border-radius:var(--r-sm);padding:8px 11px}.retry-note svg{width:14px;height:14px}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono)}.fade-in{animation:fadeIn .35s var(--ease) both}@keyframes fadeIn{0%{transform:translateY(8px)}to{transform:none}}@media (max-width: 880px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:280px;max-width:84vw;transform:translate(-102%);transition:transform .28s var(--ease);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.menu-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.menu-btn svg{width:19px;height:19px}.grid-2{grid-template-columns:1fr}.content{padding:18px}.topbar{padding:13px 16px}}@media (max-width: 560px){.frow,.frow-3{grid-template-columns:1fr}.topbar h1{font-size:17px}.section-intro h2{font-size:19px}}