.host{--host-bg:#fff;--host-fg:#0f172a;--host-muted:#475569;--host-surface:#f8fafc;--host-border:#cbd5e1;--host-error:#b91c1c;--host-link:#1d4ed8;background:var(--host-bg);color:var(--host-fg);margin:0;font-family:system-ui,sans-serif}[data-host-theme=dark] .host{--host-bg:#0b0f14;--host-fg:#e2e8f0;--host-muted:#94a3b8;--host-surface:#111827;--host-border:#334155;--host-error:#f87171;--host-link:#93c5fd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.host__panel{flex-direction:column;gap:1rem;display:flex}.host--column .host__panel{max-width:48rem;margin:2rem auto;padding:0 1.5rem}.host--column .host__panel--index{max-width:64rem}.host__destinations{gap:1.5rem;display:grid}.host__destination{flex-direction:column;gap:.75rem;display:flex}.host__destination-link{color:#fff;background:#2563eb;border-radius:1rem;justify-content:center;align-items:center;min-height:7rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:background-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 .5rem 1rem #2563eb33}.host__destination-link:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 .75rem 1.5rem #2563eb47}.host__destination-link:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}.host__destination-description{color:var(--host-muted);margin:0;line-height:1.5}.host--split{grid-template-columns:minmax(16rem,22rem) 1fr;min-height:100vh;display:grid}.host--split .host__panel{border-right:1px solid buttonborder;padding:1.5rem}.host__controls{flex-wrap:wrap;gap:.75rem;display:flex}.host__error{color:var(--host-error)}.host nav:not(.host__destinations) a{color:var(--host-link)}.host__visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.host__frame{border:1px solid buttonborder;border-radius:12px;overflow:hidden}@media (width>=768px){.host__destinations{grid-template-columns:repeat(3,minmax(0,1fr))}}.host__section{border:1px solid var(--host-border);background:var(--host-surface);color:var(--host-fg);border-radius:12px;gap:.75rem;padding:1rem;display:grid}.host__section-title{margin:0;font-size:1rem}.host__section select{padding:.5rem}.host__chip{border-radius:999px;padding:.1rem .5rem;font-size:.8rem;display:inline-block}.host__chip--anonymous{color:#334155;background:#e2e8f0}.host__chip--unsigned{color:#92400e;background:#fef3c7}.host__chip--signature-signed{color:#166534;background:#dcfce7}.host__chip--jwt-signed{color:#1e40af;background:#dbeafe}.host__chip--v1{color:#5b21b6;background:#ede9fe;font-weight:600}.host__chip--v2{color:#166534;background:#dcfce7;font-weight:600}.host__chip--pending{color:#475569;background:#e2e8f0}.host__version-description{color:var(--host-muted);margin:.5rem 0;font-size:.875rem}.host__version-resolved{align-items:center;gap:.5rem;display:flex}.host__segmented{flex-wrap:wrap;gap:.5rem;display:flex}.host__segmented button[aria-pressed=true]{color:#fff;background:#1d4ed8;border-color:#1d4ed8;font-weight:600}.host__field{gap:.35rem;display:grid}.host__field textarea{box-sizing:border-box;width:100%;min-height:6rem;font-family:ui-monospace,monospace}.host__fieldset{border:0;gap:.5rem;padding:0;display:grid}.host__preview{grid-template-columns:max-content 1fr;gap:.25rem .75rem;margin:0;font-family:ui-monospace,monospace;font-size:.8rem;display:grid}.host__preview dd{margin:0}.host__identity-status{gap:.25rem;display:grid}@media (width>=768px){.host--launcher .host__panel{margin-right:432px}}.host--launcher .host__controls{flex-wrap:wrap}.host__embed{box-sizing:border-box;width:100%;height:640px}.host__embed--compact{width:min(100%,360px);height:420px}