@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{color:#111827;background:#f3efe7;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(15,118,110,.08),transparent 28%),linear-gradient(180deg,#f7f3ec,#efe7da);color:var(--demo-ink)}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:var(--demo-space-6);color:var(--demo-ink)}.app-grid{max-width:1320px;margin:0 auto}.hero-panel,.panel-card,.runtime-panel{background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--demo-border);border-radius:var(--demo-radius-lg);box-shadow:0 24px 60px #11182714}.hero-panel{padding:var(--demo-space-6)}.panel-card,.runtime-panel{padding:var(--demo-space-5)}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr);gap:var(--demo-space-5);align-items:start}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:var(--demo-accent)}.page-title,.section-title,.runtime-title,.console-title{margin:0}.page-title{font-size:clamp(2.2rem,4vw,3.8rem);line-height:.96}.page-copy,.section-copy,.toggle-copy,.runtime-copy{margin:0;color:var(--demo-muted);line-height:1.55}.tag-row{flex-wrap:wrap}.metadata-pill{border:1px dashed rgba(15,118,110,.4);background:var(--demo-accent-soft);border-radius:16px;padding:var(--demo-space-3)}.metadata-title{font-size:.82rem}.metadata-lines{display:flex;flex-wrap:wrap;gap:var(--demo-space-2)}.metadata-line{display:inline-block;padding:.2rem .45rem;border-radius:999px;background:#ffffffd9;color:#0f172a;font-family:var(--demo-font-mono);font-size:.75rem}.form-shell{display:block}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--demo-space-4)}.select-field,.input-field{width:100%;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--demo-border);background:#fffdf8;color:var(--demo-ink)}.table-wrap{overflow-x:auto}.banner-placeholder{padding:var(--demo-space-4);border-radius:16px;background:var(--demo-panel-alt);border:1px dashed var(--demo-border)}.runtime-panel{position:sticky;top:var(--demo-space-5)}.runtime-card,.console-panel{border-radius:16px;border:1px solid var(--demo-border);background:#fffdf8;padding:var(--demo-space-4)}.console-panel{background:#18181b;border-color:#0f172a}.console-title{color:#f8fafc}.code-block{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--demo-font-mono);font-size:.78rem;line-height:1.5;color:#0f172a}.console-panel .code-block{color:#d1fae5}.inspector-toggle,.ghost-button{border-radius:999px;border:1px solid transparent;padding:.75rem 1rem}.inspector-toggle{background:var(--demo-accent)}.ghost-button{background:#1118270f;color:var(--demo-ink)}@media (max-width: 980px){.content-grid,.two-column-grid{grid-template-columns:1fr}.runtime-panel{position:static}}@media (max-width: 640px){.app-shell,.hero-panel,.panel-card,.runtime-panel{padding:var(--demo-space-4)}}