:root{--ink: #1a1530;--muted: #6b7280;--soft: #9ca3af;--line: #e5e7eb;--line-soft: #f3f4f6;--bg: #f7f7fb;--panel: #ffffff;--code-bg: #f3f4f6;--disabled-bg: #f3f4f6;--disabled-ink: #9ca3af;--accent: #6d28d9;--accent-deep: #5b21b6;--accent-soft: #ede9fe;--accent-softer: #f5f3ff;--t3-accent: var(--accent);--t3-accent-h: var(--accent-deep);--t3-accent-l: #7c3aed;--t3-bg: var(--bg);--t3-soft: var(--accent-soft);--t3-ink: var(--ink);--t3-scene-nav: #1a1530;--good: #16a34a;--good-soft: #dcfce7;--green-selected: #16a34a;--green: #166534;--warn: #d97706;--warn-soft: #fef3c7;--warn-bg: var(--warn-soft);--bad: #dc2626;--bad-soft: #fee2e2;--red-text: #991b1b;--red-line: #fecaca;--red-bg: #fef2f2;--info: #2563eb;--info-soft: #dbeafe;--info-bg: var(--info-soft);--success: var(--good);--success-bg: var(--good-soft);--danger: var(--bad);--danger-bg: var(--bad-soft);--amber-bg: #fffbeb;--amber-line: #fde68a;--amber-text: #92400e;--amber-mark: #f59e0b;--pill-modified-bg: var(--warn-soft);--pill-modified-text: var(--amber-text);--pill-modified-border: var(--amber-line);--dirty-shadow: inset 3px 0 0 0 #f59e0b;--dirty-tint: #fffbeb;--invalid-shadow: inset 3px 0 0 0 #dc2626;--invalid-tint: #fef2f2;--preview-bg: var(--accent-softer);--preview-border: var(--accent);--preview-ink: var(--accent-deep);--rail-width: 224px;--topbar-height: 56px;--subbar-height: 40px;--slider-width: 880px;--content-max: 1280px;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--sh-card: 0 1px 2px rgba(26,21,48,.05);--sh-hover: 0 3px 10px rgba(26,21,48,.09);--sh-elev: 0 1px 2px rgba(26,21,48,.05), 0 6px 18px rgba(26,21,48,.07);--sh-popover: 0 8px 24px rgba(26,21,48,.14);--sh-modal: 0 12px 40px rgba(26,21,48,.28);--sh-slider: -12px 0 32px rgba(26,21,48,.12);--shadow-sm: var(--sh-card);--shadow-md: var(--sh-hover);--shadow-lg: var(--sh-elev);--focus-ring: 0 0 0 2px var(--accent-soft);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--t-fast: 80ms;--t-base: .12s;--t-slider: .18s;--t-scrim: .15s;--ease: cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);line-height:1.5;min-height:100vh}button{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--ink)}h1{font-size:22px;font-weight:700}h2{font-size:18px;font-weight:700}h3{font-size:15px;font-weight:700}h4{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}p{margin-bottom:.75rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--font-mono)}.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-ghost:focus-visible,.btn-danger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn[disabled],.btn-primary[disabled],.btn-secondary[disabled],.btn-ghost[disabled],.btn-danger[disabled]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not([disabled]){background:var(--accent-deep);border-color:var(--accent-deep)}.btn-secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn-secondary:hover:not([disabled]){background:var(--bg)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--line)}.btn-ghost:hover:not([disabled]){background:var(--code-bg);color:var(--ink)}.btn-danger{background:var(--red-bg);color:var(--red-text);border-color:var(--red-line)}.btn-danger:hover:not([disabled]){background:#fee2e2}.btn-sm{height:26px;padding:0 var(--space-2);font-size:12px}.btn-lg{height:36px;padding:0 var(--space-4);font-size:14px}.btn-block{width:100%}input,textarea,select{font-family:inherit;font-size:13.5px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px;width:100%;height:32px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}textarea{min-height:96px;height:auto;resize:vertical;line-height:1.45}select{padding-right:var(--space-6);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%2364748b' d='M2 4l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 8px center}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}input:disabled,textarea:disabled,select:disabled{background:var(--disabled-bg);color:var(--disabled-ink);cursor:not-allowed}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:12.5px;font-weight:600;color:var(--ink)}.field-required:after{content:"*";color:var(--bad);margin-left:4px}.field-helper{font-size:12px;color:var(--muted)}.field-error{font-size:12px;color:var(--red-text)}.field.is-dirty input,.field.is-dirty textarea,.field.is-dirty select{box-shadow:var(--dirty-shadow);background:var(--dirty-tint)}.field.is-invalid input,.field.is-invalid textarea,.field.is-invalid select{box-shadow:var(--invalid-shadow);background:var(--invalid-tint)}.field-readonly{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px;background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:13px;color:var(--ink)}.field-readonly em{color:var(--muted);font-style:italic;font-size:11.5px}.secret-row{position:relative;display:flex;align-items:stretch}.secret-row input{padding-right:70px}.secret-row .secret-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:24px;padding:0 8px;background:transparent;border:none;font-size:11.5px;font-weight:600;color:var(--muted);cursor:pointer;letter-spacing:.04em;text-transform:uppercase}.secret-row .secret-toggle:hover{color:var(--accent)}.toggle-wrap{display:flex;align-items:center;gap:var(--space-2)}.toggle{position:relative;width:36px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:#cbd5e1;transition:background var(--t-base);cursor:pointer}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a26;transition:transform var(--t-base);pointer-events:none}.toggle input:checked~.toggle-thumb{transform:translate(16px)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--sh-card)}.card-header{padding:14px 18px 8px;border-bottom:1px dashed var(--line)}.card-header h2{font-size:15px}.card-header .subtitle{color:var(--muted);font-size:12.5px;margin-top:2px}.card-body{padding:12px 18px 16px}.card-footer{padding:12px 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:var(--space-2)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5)}.section-block{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);margin-bottom:var(--space-4)}.section-head-blue{background:var(--accent-softer);color:var(--accent-deep);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-bottom:1px solid var(--line);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-2)}.section-body{padding:var(--space-4)}.alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-md);font-size:13px;border:1px solid transparent}.alert-warn{background:var(--warn-soft);color:var(--amber-text);border-color:var(--amber-line)}.alert-error{background:var(--red-bg);color:var(--red-text);border-color:var(--red-line)}.pill{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:11.5px;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-pill);background:var(--code-bg);color:var(--muted);border:1px solid transparent;white-space:nowrap}.pill-navy{background:var(--accent-soft);color:var(--accent-deep)}.pill-green{background:var(--good-soft);color:var(--green)}.pill-amber{background:var(--warn-soft);color:var(--amber-text);border-color:var(--amber-line)}.pill-red{background:var(--bad-soft);color:var(--red-text);border-color:var(--red-line)}.pill-gray{background:var(--code-bg);color:var(--muted)}.pill-purple{background:#ede9fe;color:#5b21b6}.pill-info{background:var(--info-soft);color:#155e75}.pill-modified{text-transform:uppercase;font-size:9.5px;letter-spacing:.08em;background:var(--pill-modified-bg);color:var(--pill-modified-text);border-color:var(--pill-modified-border)}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em}.badge-navy{background:var(--accent-soft);color:var(--accent-deep)}.badge-green{background:var(--good-soft);color:var(--green)}.badge-amber{background:var(--warn-soft);color:var(--amber-text)}.badge-red{background:var(--bad-soft);color:var(--red-text)}.badge-gray{background:var(--code-bg);color:var(--muted)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header h1{font-size:22px;line-height:1.2}.page-header .subtitle{color:var(--muted);font-size:13px;margin-top:4px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:10px 14px;background:var(--bg);color:var(--muted);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}.data-table td{padding:12px 14px;border-bottom:1px solid var(--line-soft);color:var(--ink);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--t-fast)}.data-table tbody tr:hover td{background:var(--bg)}.data-table tr.clickable{cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:22px;height:22px;border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:var(--space-4) auto}@keyframes pulse{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.skeleton{background:var(--code-bg);border-radius:var(--radius-sm);animation:pulse 1.6s ease-in-out infinite}.divider{height:1px;background:var(--line);margin:var(--space-4) 0}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--panel)}.empty-state h3{font-size:14px;color:var(--ink);margin-bottom:4px}.empty-state p{font-size:13px;margin-bottom:var(--space-3)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in var(--t-scrim) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:440px;background:var(--panel);border-radius:var(--radius-md);padding:22px 24px 18px;box-shadow:var(--sh-modal)}.modal-lg{max-width:640px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.modal-header h3{font-size:16px;font-weight:700}.modal-body{font-size:13.5px;color:var(--ink)}.modal-actions{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-5)}.modal-actions .spacer{flex:1}.slider-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:900;animation:fade-in var(--t-scrim) var(--ease)}.slider-panel{position:fixed;top:0;right:0;bottom:0;width:min(var(--slider-width),95vw);background:var(--panel);box-shadow:var(--sh-slider);z-index:901;display:flex;flex-direction:column;animation:slide-in var(--t-slider) var(--ease)}@keyframes slide-in{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.slider-header{display:flex;align-items:center;gap:var(--space-2);padding:14px 18px;border-bottom:1px solid var(--line)}.slider-body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.slider-footer{padding:12px 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:var(--space-2)}.slider-footer .spacer{flex:1}.slider-close{background:transparent;border:none;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font-size:16px}.slider-close:hover{background:var(--code-bg);color:var(--ink)}.preview{background:var(--preview-bg);border:1px solid var(--preview-border);border-left-width:3px;border-radius:var(--radius-sm);padding:8px 10px;font-size:12.5px;color:var(--preview-ink)}.preview .preview-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:4px;color:var(--preview-ink)}.lang-tabs{display:inline-flex;background:var(--code-bg);padding:2px;border-radius:var(--radius-md);font-size:11.5px}.lang-tabs button{border:none;background:transparent;padding:4px 10px;border-radius:5px;font-weight:600;color:var(--muted);cursor:pointer;letter-spacing:.04em;text-transform:uppercase}.lang-tabs button.is-active{background:#fff;color:var(--ink);box-shadow:var(--sh-card)}:where(button,a,[role=button]):focus-visible,.toggle input:focus-visible+.toggle-track{outline:none;box-shadow:var(--focus-ring)}.stack-1{display:flex;flex-direction:column;gap:var(--space-1)}.stack-2{display:flex;flex-direction:column;gap:var(--space-2)}.stack-3{display:flex;flex-direction:column;gap:var(--space-3)}.stack-4{display:flex;flex-direction:column;gap:var(--space-4)}.stack-6{display:flex;flex-direction:column;gap:var(--space-6)}.row-2{display:flex;align-items:center;gap:var(--space-2)}.row-3{display:flex;align-items:center;gap:var(--space-3)}.row-4{display:flex;align-items:center;gap:var(--space-4)}.row-end{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.grow{flex:1}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.muted{color:var(--muted)}.text-sm{font-size:12.5px}.text-xs{font-size:11.5px}.text-mono{font-family:var(--font-mono)}.auth-shell{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.auth-card{width:100%;max-width:420px;background:var(--panel);border-radius:var(--radius-xl);box-shadow:var(--sh-elev);padding:var(--space-7) var(--space-6) var(--space-6)}.auth-brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.auth-brand .brand-mark{width:32px;height:32px;border-radius:var(--radius-md);background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:800}.auth-brand .brand-text{font-weight:800;font-size:16px;color:var(--ink);letter-spacing:-.01em}.auth-title{font-size:18px;font-weight:700;margin-bottom:var(--space-1)}.auth-subtitle{font-size:13px;color:var(--muted);margin-bottom:var(--space-5)}.alert-danger{background:var(--bad-soft);color:var(--red-text);border-color:var(--red-line)}.alert-success{background:var(--good-soft);color:#14532d;border-color:#86efac}.alert-info{background:var(--info-soft);color:#155e75;border-color:#67e8f9}.alert-warning{background:var(--warn-soft);color:var(--amber-text);border-color:var(--amber-line)}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.form-group label{font-size:12.5px;font-weight:600;color:var(--ink)}.form-hint{font-size:12px;color:var(--muted)}.w-full{width:100%}