:root{--bg:#f6f7f9;--bg-elev:#fff;--surface:#fff;--surface-muted:#fafbfc;--border:#e5e7eb;--border-strong:#d1d5db;--text:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--accent:#0e8f5c;--accent-hover:#0a7a4d;--accent-soft:#e6f5ee;--accent-ring:#0e8f5c2e;--primary:#111827;--primary-hover:#000;--info-bg:#eff6ff;--info-border:#bfdbfe;--info-text:#1e40af;--warning-bg:#fffbeb;--warning-border:#fcd34d;--warning-text:#92400e;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#991b1b;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-text:#065f46;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 1px #0f172a08;--shadow:0 1px 2px #0f172a0a, 0 4px 12px #0f172a0d;--shadow-lg:0 4px 16px #0f172a14, 0 12px 28px #0f172a0f;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}button{font-family:inherit}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Liberation Mono,monospace;font-size:12.5px}a{color:var(--accent)}.app-shell{max-width:1240px;padding:var(--sp-8) var(--sp-6) var(--sp-10);margin:0 auto}.stack{gap:var(--sp-4);display:grid}.stack-tight{gap:var(--sp-2);display:grid}.stack-wide{gap:var(--sp-6);grid-template-columns:minmax(0,1fr);display:grid}.row{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.row-end{gap:var(--sp-3);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.grid-fit{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.grid-fit-sm{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.app-header{gap:var(--sp-2);margin-bottom:var(--sp-6);padding-bottom:var(--sp-5);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.app-title{align-items:center;gap:var(--sp-3);letter-spacing:-.02em;color:var(--text);margin:0;font-size:24px;font-weight:700;display:flex}.app-title .dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;display:inline-block}.app-subtitle{color:var(--text-muted);max-width:720px;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5) var(--sp-5)}.card-pad-tight{padding:var(--sp-4)}.card-header{justify-content:space-between;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.card-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.card-subtitle{color:var(--text-subtle);margin:0;font-size:12.5px}.field{gap:var(--sp-2);min-width:0;display:grid}.field-label{color:var(--text-muted);letter-spacing:.01em;font-size:12.5px;font-weight:600}.field-hint{color:var(--text-subtle);margin-top:2px;font-size:11.5px}.input,.select,.textarea{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elev);width:100%;color:var(--text);padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s,background .12s}.input:hover,.select:hover,.textarea:hover{border-color:#b6bcc6}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.textarea{resize:vertical;min-height:96px;line-height:1.55}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23475569' d='M6 8 0 0h12z'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.toggle{align-items:center;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 12px;font-size:13px;transition:border-color .12s,background .12s;display:inline-flex}.toggle:hover{border-color:var(--border-strong)}.toggle input{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.toggle.is-on{background:var(--accent-soft);color:var(--accent-hover);border-color:#b8e3cf}.btn{align-items:center;gap:var(--sp-2);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;padding:10px 16px;font-size:13.5px;font-weight:600;transition:transform 60ms,background .12s,border-color .12s,box-shadow .12s,color .12s;display:inline-flex}.btn:hover{background:#f3f4f6;border-color:#b6bcc6}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:disabled{color:#fff;background:#cbd5e1;border-color:#cbd5e1}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-accent:disabled{color:#fff;background:#b8e3cf;border-color:#b8e3cf}.btn-ghost{background:0 0}.status-pill{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.status-pill .spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:10px;height:10px;animation:.7s linear infinite spin}.status-pill.is-ok{color:var(--success-text);background:var(--success-bg);border-color:var(--success-border)}.status-pill.is-error{color:var(--error-text);background:var(--error-bg);border-color:var(--error-border)}@keyframes spin{to{transform:rotate(360deg)}}.chip{background:var(--accent-soft);color:var(--accent-hover);border:1px solid #b8e3cf;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-neutral{color:var(--text-muted);border-color:var(--border);background:#f1f5f9}.chip-warn{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.chip-error{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.alert{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);padding:12px 14px}.alert-title{align-items:center;gap:6px;margin:0 0 4px;font-weight:700;display:flex}.alert-body{color:var(--text-muted);margin:0}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border)}.alert-warning .alert-title{color:var(--warning-text)}.alert-info{background:var(--info-bg);border-color:var(--info-border)}.alert-info .alert-title{color:var(--info-text)}.alert-error{background:var(--error-bg);border-color:var(--error-border)}.alert-error .alert-title{color:var(--error-text)}.alert ul{margin:6px 0 0;padding-left:18px}.code-preview{color:#cbd5e1;border-radius:var(--radius);background:#0f172a;max-height:280px;margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.code-preview-light{background:var(--surface-muted);color:var(--text);border-radius:var(--radius);border:1px solid var(--border);max-height:280px;margin:0;padding:12px;font-size:12px;overflow:auto}.app-footer{margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--border);color:var(--text-subtle);gap:var(--sp-3);flex-wrap:wrap;justify-content:space-between;font-size:12px;display:flex}.app-footer code{background:var(--surface-muted);border:1px solid var(--border);border-radius:4px;padding:1px 6px}.empty{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--text-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-muted)}.empty-icon{margin-bottom:var(--sp-2);font-size:28px}.divider{background:var(--border);height:1px;margin:var(--sp-4) 0}