:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--border: #e1e5ea;--text: #101828;--muted: #667085;--accent: #2f5bea;--accent-hover: #2448c4;--accent-contrast: #ffffff;--accent-soft: #e8eefd;--success: #067647;--success-soft: #dcfae6;--warning: #93370d;--warning-soft: #fef0c7;--danger: #b42318;--danger-soft: #fee4e2;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.07);--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}@media(prefers-color-scheme:dark){:root{--bg: #0c0e11;--surface: #14171c;--surface-2: #1b1f26;--border: #2a2f37;--text: #eceff3;--muted: #98a2b3;--accent: #7c9cff;--accent-hover: #9ab2ff;--accent-contrast: #0c0e11;--accent-soft: #1d2745;--success: #4ade80;--success-soft: #12301f;--warning: #fbbf24;--warning-soft: #33270c;--danger: #f87171;--danger-soft: #371616;--shadow: 0 1px 2px rgba(0,0,0,.4)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,opacity .12s}.ui-btn:focus-visible,.ui-input:focus-visible,.ui-chip:focus-within,.ui-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-btn[disabled]{opacity:.45;cursor:not-allowed}.ui-btn--sm{padding:5px 11px;font-size:13px}.ui-btn--primary{background:var(--accent);color:var(--accent-contrast)}.ui-btn--primary:not([disabled]):hover{background:var(--accent-hover)}.ui-btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.ui-btn--secondary:not([disabled]):hover{background:var(--surface-2)}.ui-btn--ghost{background:transparent;color:var(--muted)}.ui-btn--ghost:not([disabled]):hover{background:var(--surface-2);color:var(--text)}.ui-btn--danger{background:transparent;color:var(--danger)}.ui-btn--danger:not([disabled]):hover{background:var(--danger-soft)}.ui-input{padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);min-width:0;width:100%}.ui-input::placeholder{color:var(--muted)}.ui-field{display:grid;gap:4px;font-size:13px;color:var(--muted);min-width:0}.ui-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--muted)}.ui-badge--success{background:var(--success-soft);color:var(--success)}.ui-badge--warning{background:var(--warning-soft);color:var(--warning)}.ui-badge--danger{background:var(--danger-soft);color:var(--danger)}.ui-badge--accent{background:var(--accent-soft);color:var(--accent)}.ui-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.ui-chip input{position:absolute;opacity:0;pointer-events:none}.ui-chip--on:before{content:"✓"}.ui-chip--on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.ui-chip--disabled{opacity:.5;cursor:not-allowed}.ui-step{display:grid;grid-template-columns:28px 1fr;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--border)}.ui-step:first-of-type{border-top:0;padding-top:0}.ui-step__n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--surface-2);color:var(--muted)}.ui-step--done .ui-step__n{background:var(--success-soft);color:var(--success)}.ui-step__title{font-weight:650;margin:0 0 var(--space-2);display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.ui-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border-radius:12px;width:fit-content;max-width:100%;overflow-x:auto}.ui-tab{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:9px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:600}.ui-tab[aria-current=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.ui-dot{width:9px;height:9px;border-radius:50%}.ui-toasts{position:fixed;bottom:var(--space-3);right:var(--space-3);display:grid;gap:var(--space-2);z-index:50;width:min(380px,calc(100vw - 32px))}.ui-toast{display:flex;gap:var(--space-2);align-items:flex-start;padding:11px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 20px #1018282e;border-left:4px solid var(--accent)}.ui-toast--success{border-left-color:var(--success)}.ui-toast--error{border-left-color:var(--danger)}.ui-toast--warning{border-left-color:var(--warning)}.ui-toast button{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer;font-size:18px;line-height:1}.ui-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--surface-2);padding:6px 10px;border-radius:var(--radius-sm);word-break:break-all}.ui-muted{color:var(--muted)}.ui-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}
