:root{--bg:#f6f6fb;--surface:#fff;--surface-2:#f1f1f7;--text:#16161d;--muted:#6b6b7b;--border:#e3e3ec;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef0ff;--primary-text:#fff;--danger:#dc2626;--danger-soft:#fef2f2;--success:#16a34a;--radius:14px;--shadow:0 1px 2px #1010200a, 0 8px 24px -12px #1010201f;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b0b12;--surface:#14141d;--surface-2:#1c1c28;--text:#f4f4f8;--muted:#a0a0b4;--border:#2a2a3a;--primary:#818cf8;--primary-hover:#a5b4fc;--primary-soft:#1e1b4b;--primary-text:#0b0b12;--danger:#f87171;--danger-soft:#2a1215;--success:#4ade80;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .3s var(--ease), color .3s var(--ease);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:var(--primary)}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}h1{margin:0 0 4px;font-size:1.9rem}h2{margin:0;font-size:1.1rem}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:10;background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:8px}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--muted);transition:background .2s var(--ease), color .2s var(--ease);border-radius:999px;padding:6px 12px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--text);background:var(--surface-2)}.nav a[aria-current=page]{color:var(--primary);background:var(--primary-soft)}.container{width:100%;max-width:760px;margin:0 auto;padding:32px 16px 80px}.page-header{margin-bottom:24px}.muted{color:var(--muted)}.small{font-size:.85rem}.stack{gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-header p{margin:2px 0 0}label{font-size:.9rem;font-weight:500}.field{gap:6px;margin-bottom:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>.grow{flex:1;min-width:0}input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent);outline:none}input[readonly]{background:var(--surface-2);color:var(--muted)}.btn{font:inherit;cursor:pointer;background:var(--primary);color:var(--primary-text);transition:transform .12s var(--ease), background .2s var(--ease), opacity .2s;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--primary-hover)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:color-mix(in srgb, var(--danger) 85%, black)}.btn-ghost{color:var(--muted);background:0 0;padding:6px 10px}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-icon{min-width:34px;padding:6px 8px}.error{color:var(--danger);margin:8px 0 0}.success{color:var(--success);margin:8px 0 0}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:3px;display:inline-flex}.segmented button{font:inherit;color:var(--muted);cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease);background:0 0;border:0;border-radius:9px;padding:6px 14px}.segmented button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.list{margin:0;padding:0;list-style:none}.list>li{border-top:1px solid var(--border);animation:enter .35s var(--ease) both;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list>li:first-child{border-top:0}.sections>li{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:6px;padding:8px 10px}.sections>li:first-child{border-top:1px solid var(--border)}.sections>li[draggable=true]{cursor:grab}.sections>li.dragging{opacity:.4}.sections>li.drop-target{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 25%, transparent)}.handle{color:var(--muted);-webkit-user-select:none;user-select:none;margin-right:8px}.badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-muted{background:var(--surface-2);color:var(--muted)}.badge-danger{background:var(--danger-soft);color:var(--danger)}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.codebox{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex;overflow:hidden}.codebox code{white-space:nowrap;flex:1;overflow-x:auto}pre.snippet{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin:8px 0 0;padding:12px;font-size:.82rem;overflow-x:auto}.reveal{border:1px solid color-mix(in srgb, var(--primary) 40%, var(--border));background:var(--primary-soft);animation:pop .4s var(--ease) both;border-radius:12px;margin-bottom:14px;padding:14px}ol.steps{margin:8px 0 0;padding-left:20px}ol.steps li{margin:4px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-top:1px solid var(--border);vertical-align:top;padding:10px 8px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-top:0;font-size:.8rem;font-weight:600}tbody tr{animation:enter .3s var(--ease) both}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:calc(100% - 32px);max-width:420px;color:var(--text);padding:22px;box-shadow:0 24px 64px -16px #0006}dialog[open]{animation:pop .25s var(--ease) both}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a1473}dialog h2{margin-bottom:8px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.auth{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth .card{width:100%;max-width:400px;animation:pop .45s var(--ease) both}.auth-logo{border-radius:14px;margin:0 auto 12px;display:block}.fade-in,.stack>*{animation:enter .45s var(--ease) both}.stack>:nth-child(2){animation-delay:40ms}.stack>:nth-child(3){animation-delay:80ms}.stack>:nth-child(4){animation-delay:.12s}.stack>:nth-child(5){animation-delay:.16s}.stack>:nth-child(6){animation-delay:.2s}.stack>:nth-child(n+7){animation-delay:.24s}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:560px){.topbar{padding:10px 12px}.brand span{display:none}h1{font-size:1.6rem}}