:root{--slate-50:#F8FAFC;--slate-100:#F1F5F9;--slate-200:#E2E8F0;--slate-300:#CBD5E1;--slate-400:#94A3B8;--slate-600:#475569;--slate-700:#334155;--slate-900:#0F172A;--purple-50:#F5F3FF;--purple-500:#8B5CF6;--purple-600:#7C3AED;--purple-700:#6D28D9;--green-50:#ECFDF5;--green-600:#059669;--green-700:#047857;--rose-50:#FFF1F2;--rose-100:#FFE4E6;--rose-500:#F43F5E;--rose-600:#E11D48;--amber-50:#FFFBEB;--amber-600:#D97706;--amber-700:#B45309;--bg:#F7F8FB;--surface:#FFFFFF;--border:var(--slate-200);--border-strong:var(--slate-300);--text:var(--slate-900);--text-2:#475569;--text-3:#64748B;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--shadow-xs:0 1px 1px rgba(15,23,42,0.04);--shadow-sm:0 1px 2px rgba(15,23,42,0.06),0 1px 1px rgba(15,23,42,0.04);--shadow-md:0 4px 12px -2px rgba(15,23,42,0.08),0 2px 4px -1px rgba(15,23,42,0.04);--shadow-lg:0 12px 28px -8px rgba(15,23,42,0.12),0 4px 8px -2px rgba(15,23,42,0.04);--font-display:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.ss-page{max-width:1200px;margin:0 auto;padding:32px 32px 80px;width:100%}.ss-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.ss-page-title{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.025em;margin:0 0 6px;color:var(--text)}.ss-page-subtitle{color:var(--text-2);font-size:14px;margin:0}.ss-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-md);font-size:13.5px;font-weight:500;border:1px solid transparent;background:transparent;color:var(--text);transition:all .12s ease;white-space:nowrap;line-height:1;cursor:pointer;font-family:inherit}.ss-btn svg{width:16px;height:16px;flex-shrink:0}.ss-btn-sm{padding:6px 10px;font-size:12.5px}.ss-btn-secondary{background:white;color:var(--slate-700);border-color:var(--border)}.ss-btn-secondary:hover{background:var(--slate-50);border-color:var(--border-strong);color:var(--text)}.ss-segmented{display:inline-flex;background:var(--slate-100);border-radius:var(--r-md);padding:3px;gap:2px}.ss-segmented button{padding:5px 12px;border:none;background:transparent;font-size:12.5px;font-weight:500;color:var(--text-2);border-radius:5px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.ss-segmented button.active{background:white;color:var(--text);box-shadow:var(--shadow-xs)}.ss-empty{border:2px dashed var(--border);border-radius:var(--r-lg);padding:48px 32px;text-align:center;color:var(--text-3)}.ss-empty-title{font-size:14px;font-weight:500;color:var(--text-2);margin-bottom:4px}.ss-nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.85);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}.ss-nav-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:56px;display:flex;align-items:center;justify-content:space-between}.ss-nav-brand{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text);text-decoration:none}.ss-nav-links{display:flex;align-items:center;gap:4px}.ss-nav-link{padding:6px 12px;border-radius:var(--r-md);font-size:13.5px;font-weight:500;color:var(--text-2);text-decoration:none;transition:all .12s ease}.ss-nav-link:hover{background:var(--slate-50);color:var(--text)}.ss-nav-link.active{background:var(--purple-50);color:var(--purple-700)}.ss-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);width:100%;max-width:460px;margin:0 auto}.ss-card-head{padding:16px 18px 12px;border-bottom:1px solid var(--border)}.ss-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ss-card-title{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.ss-card-step{font-size:12px;color:var(--text-3);margin:4px 0 0}.ss-card-body{padding:16px 18px;display:flex;flex-direction:column;gap:14px}.ss-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent}.ss-badge-amber{color:var(--amber-700);border-color:var(--amber-600);background:var(--amber-50)}.ss-badge-blue{color:var(--purple-700);border-color:var(--purple-500);background:var(--purple-50)}.ss-field{display:flex;flex-direction:column;gap:5px}.ss-field-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.ss-input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:13.5px;font-family:inherit;color:var(--text);background:white}.ss-input:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 3px var(--purple-50)}.ss-input-readonly,.ss-input:disabled{background:var(--slate-50);color:var(--text-2);cursor:default}.ss-input-mono{font-family:var(--font-mono);letter-spacing:.02em}.ss-btn-primary{background:var(--purple-600);color:white;border-color:var(--purple-600)}.ss-btn-primary:hover{background:var(--purple-700);border-color:var(--purple-700)}.ss-btn-primary:disabled{background:var(--slate-200);border-color:var(--slate-200);color:var(--slate-400);cursor:default}.ss-btn-block{width:100%;justify-content:center}.ss-btn-row{display:flex;gap:8px}.ss-btn-row>*{flex:1}.ss-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:12.5px;color:var(--text-2)}.ss-toggle-track{width:34px;height:20px;border-radius:999px;background:var(--slate-300);position:relative;transition:background .12s ease;flex-shrink:0}.ss-toggle-track.on{background:var(--purple-600)}.ss-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:white;box-shadow:var(--shadow-xs);transition:transform .12s ease}.ss-toggle-track.on .ss-toggle-knob{transform:translateX(14px)}.ss-note{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:var(--r-md)}.ss-note-warn{background:var(--amber-50);border:1px solid var(--amber-600)}.ss-note-error{background:var(--rose-50);border:1px solid var(--rose-500)}.ss-note-muted{background:var(--slate-50);border:1px solid var(--border)}.ss-note-title{font-size:13px;font-weight:600;margin:0;color:var(--text)}.ss-note-body{font-size:12px;line-height:1.45;margin:0;color:var(--text-2)}.ss-feed{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--r-md);background:var(--slate-50);border:1px solid var(--border);max-height:220px;overflow-y:auto}.ss-feed-empty{font-size:12px;color:var(--text-3);padding:4px 0}.ss-feed-row{display:flex;align-items:center;gap:8px;padding:3px 0}.ss-feed-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ss-feed-dot--neutral{background:var(--slate-400)}.ss-feed-dot--info{background:var(--purple-500)}.ss-feed-dot--success{background:var(--green-600)}.ss-feed-dot--terminal{background:var(--slate-600)}.ss-feed-dot--warning{background:var(--amber-600)}.ss-feed-time{font-family:var(--font-mono);font-size:10px;color:var(--text-3);flex-shrink:0;width:58px}.ss-feed-label{font-size:12px;color:var(--text)}.ss-feed-label--warning{color:var(--amber-700)}.ss-feed-label--success{font-weight:600}@keyframes ss-spin{to{transform:rotate(1turn)}}.ss-spinner{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid var(--slate-300);border-top-color:var(--purple-600);animation:ss-spin 1s linear infinite;flex-shrink:0}