:root{--bg: #eef1f8;--surface: #ffffff;--surface-muted: #f8fafc;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--accent: #dd0031;--accent-soft: #ffe4ea;--accent-di: #7c3aed;--accent-di-soft: #ede9fe;--accent-pattern: #0891b2;--accent-pattern-soft: #e0f2fe;--success: #15803d;--success-soft: #dcfce7;--shadow-md: 0 8px 30px rgb(15 23 42 / .07);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace}*,*:before,*:after{box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(circle at 0% 0%,rgb(221 0 49 / .06),transparent 40%),radial-gradient(circle at 100% 0%,rgb(124 58 237 / .06),transparent 35%);color:var(--text);font-family:var(--font-sans);line-height:1.5;margin:0;min-height:100vh}button,input{font:inherit}code{background:var(--surface-muted);border:1px solid var(--border);border-radius:.35rem;font-family:var(--font-mono);font-size:.875em;padding:.1rem .35rem}.page{display:grid;gap:1.25rem}.page__header h2,.page__header p{margin:0}.page__header{display:grid;gap:.65rem}.page__header h2{font-size:1.375rem;letter-spacing:-.01em}.eyebrow{color:var(--page-accent, var(--accent-pattern));font-size:.72rem;font-weight:800;letter-spacing:.1em;margin:0;text-transform:uppercase}.page__lede{color:var(--text-muted);max-width:58ch}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;gap:1rem;overflow:hidden;padding:1.25rem;position:relative}.panel:before{background:var(--page-accent, var(--accent-pattern));content:"";height:3px;left:0;position:absolute;right:0;top:0}.note{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9375rem;margin:0;padding:.875rem 1rem}.note strong{color:var(--text)}.value-box{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;gap:.25rem;padding:.875rem 1rem}.value-box__label{color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.value-box__value{font-family:var(--font-mono);font-size:.9375rem;overflow-wrap:anywhere}.field{display:grid;gap:.45rem}.field__label{font-size:.875rem;font-weight:600}.field input{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.65rem .8rem}.field input:focus{border-color:#dd003159;outline:2px solid rgb(221 0 49 / .12);outline-offset:0}.btn{background:var(--page-accent, var(--accent));border:0;border-radius:999px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:700;padding:.7rem 1.25rem;transition:box-shadow .15s ease,transform .15s ease}.btn:hover{box-shadow:0 8px 20px #0f172a1f;transform:translateY(-1px)}.btn-row{display:flex;flex-wrap:wrap;gap:.65rem}.btn--ghost{background:var(--surface-muted);border:1px solid var(--border);color:var(--text)}.arch-flow{background:#0f172a;border-radius:var(--radius-sm);color:#e2e8f0;font-family:var(--font-mono);font-size:.8125rem;margin:0;overflow-x:auto;padding:1rem 1.125rem}.stat-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0}.stat-grid__item{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;gap:.25rem;padding:.75rem .875rem}.stat-grid dt{color:var(--text-muted);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stat-grid dd{font-family:var(--font-mono);font-size:.8125rem;margin:0;overflow-wrap:anywhere}