:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}html,body,#root{height:100%;margin:0;background:#000;color:#fff}.stage{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;text-align:center;padding:2rem}.brand{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#fff6;margin-bottom:1.25rem}.stage h1{font-size:clamp(2rem,5vw,4rem);font-weight:600;letter-spacing:-.02em;margin:0}.stage p{color:#fff9;font-size:1.125rem;margin:0}.stage p.subtle{color:#fff6;font-size:.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stage code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#ffffff14;padding:.125rem .5rem;border-radius:.375rem}.stage-live{justify-content:flex-start;align-items:stretch;padding:3rem 4rem}.canvas-root{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto}.canvas-text{color:#ffffffeb;font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.35;margin:0;white-space:pre-wrap}.canvas-image{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:.75rem;background:#ffffff0a}.canvas-code{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem 1.5rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.875rem,1.2vw,1.125rem);line-height:1.5;color:#ffffffe6;margin:0}.canvas-stack{display:flex;gap:1rem}.canvas-stack-v{flex-direction:column}.canvas-stack-h{flex-direction:row;flex-wrap:wrap}