:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f6f6fa;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#111827;--color-text-muted:#6b7280;--color-accent:#f26631;--color-accent-hover:#c65328;--color-danger:#dc2626;--color-success:#16a34a;--color-warning-bg:#fef3c7;--color-warning-border:#f59e0b;--color-warning-text:#92400e;--radius-sm:8px;--radius-md:14px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{letter-spacing:-.01em}.sensitive-env-banner{color:#fff;text-align:center;background:#7a1f1f;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.65rem;display:flex}.wordmark{font-size:1.1rem;font-weight:700}.page{max-width:880px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.mock-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);border-radius:var(--radius-sm);text-align:center;margin-bottom:1.5rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600}.subtitle{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:.95rem}.flow-picker{color:var(--color-text-muted);align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:.9rem;font-weight:500;display:flex}.flow-picker select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:.45rem .7rem;font-family:inherit;font-size:.9rem}.flow-picker-note{font-size:.78rem;font-style:italic}.flow-picker select:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.flow-frame,.panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:1.5rem}.panel{margin-top:1.5rem}.panel h2{margin:0 0 .5rem;font-size:1.05rem}.panel .hint{color:var(--color-text-muted);margin:0 0 1.1rem;font-size:.85rem;line-height:1.5}.claims-block+.claims-block{margin-top:1.25rem}.claims-block h3{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 .5rem;font-size:.75rem;font-weight:700}.server-result{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:.9rem 1rem}.server-result .error{margin:0 0 .5rem}.server-result .token-diagnostics{margin-top:0}.panel pre{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#f8f9fb;margin:0;padding:.85rem;font-size:.78rem;line-height:1.5;overflow-x:auto}.panel label{color:var(--color-text-muted);margin:0 0 1rem;font-size:.85rem;font-weight:500;display:block}.panel input{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;color:var(--color-text);margin-top:.35rem;padding:.55rem .7rem;font-family:inherit;font-size:.9rem;display:block}.panel input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.button-row{gap:.6rem;margin:.25rem 0 1.1rem;display:flex}button{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:.55rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:border-color .15s,color .15s,background-color .15s}button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.button-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.error{color:var(--color-danger)}.token-diagnostics{margin:.75rem 0 0;padding:0;font-size:.82rem;line-height:1.5;list-style:none}.token-diagnostics li{border-bottom:1px solid var(--color-border);padding:.4rem 0}.token-diagnostics li:last-child{border-bottom:none}.token-diagnostics .check-pass strong{color:var(--color-success)}.token-diagnostics .check-fail strong{color:var(--color-danger)}.diagnostic-diff{grid-template-columns:auto 1fr;gap:.15rem .6rem;margin:.5rem 0 .15rem;display:grid}.diagnostic-diff dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;align-self:start;padding-top:.35rem;font-size:.72rem;font-weight:700}.diagnostic-diff dd{min-width:0;margin:0}.diagnostic-diff code{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-wrap:anywhere;background:#f8f9fb;padding:.35rem .55rem;font-size:.78rem;line-height:1.4;display:block}.app-footer{border-top:1px solid var(--color-border);max-width:880px;color:var(--color-text-muted);margin:2rem auto 0;padding:.85rem 1.5rem 2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}