:root{--success: #2e7d32;--warning: #f9a825;--error: #d32f2f;--gray-0: #ffffff;--gray-50: #f7f9fb;--gray-100: #f2f4f7;--gray-200: #e6e9ee;--gray-300: #d9dde3;--gray-400: #c3c8cf;--gray-500: #a5acb6;--gray-600: #7b828c;--gray-700: #5c636e;--gray-800: #383f49;--gray-900: #23272f;--accent: #e6722e;--accent-hover: #cf5f20;--accent-light: #f8b78f;--accent-contrast: var(--gray-0);--background: var(--gray-100);--border: var(--gray-300);--text: var(--gray-900);--text-muted: var(--gray-700);--primary: #1b5eaa;--primary-dark: #133f73;--primary-gradient: linear-gradient(135deg, #1b5eaa, #133f73);--primary-contrast: var(--gray-0);--background-light: var(--gray-50);--background-lighter: var(--gray-0);--background-darker: var(--gray-400);--background-dark: var(--gray-600);--background-contrast: var(--gray-900);--background-darker-contrast: var(--gray-50);--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 60px;--space-10: 72px;--space-11: 96px;--space-12: 120px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.15;--lh-normal: 1.35;--lh-relaxed: 1.55;--fs-xxs: clamp(10px, .72vw, 11px);--fs-xs: clamp(11px, .78vw, 12px);--fs-sm: clamp(12px, .85vw, 13px);--fs-md: clamp(13px, 1vw, 15px);--fs-lg: clamp(16px, 1.4vw, 18px);--fs-xl: clamp(18px, 1.8vw, 22px);--fs-2xl: clamp(20px, 2.3vw, 26px);--fs-3xl: clamp(22px, 2.8vw, 32px);--fs-4xl: clamp(26px, 3.6vw, 40px);--fs-5xl: clamp(32px, 4.6vw, 52px)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{height:100%;font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:13px;line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--background);color:var(--text);font:13px/1.4 var(--font-sans)}button,input{font:inherit;color:inherit}.vscode-shadow{box-shadow:inset 0 1px #ffffff08,0 0 0 1px var(--border)}.drag-hint{outline:2px dashed var(--accent);outline-offset:-2px}.grid{display:grid;gap:var(--space-4);align-items:stretch}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--6{grid-template-columns:repeat(6,1fr)}.grid--12{grid-template-columns:repeat(12,1fr)}.container{position:relative;margin:auto;width:100%;max-width:1200px;padding:var(--space-5) var(--space-3);box-sizing:border-box}p{margin:0 0 var(--space-5);color:var(--text)}small,.text-small{font-size:var(--fs-xxs);line-height:var(--lh-relaxed)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-3) 0}.h1,h1{font-size:var(--fs-5xl);line-height:var(--lh-tight);font-weight:var(--fw-bold);letter-spacing:-.01em;margin:0 0 var(--space-5);color:var(--text)}.h2,h2{font-size:var(--fs-4xl);line-height:var(--lh-tight);font-weight:var(--fw-bold);margin:0 0 var(--space-5);color:var(--text)}.h3,h3{font-size:var(--fs-3xl);line-height:var(--lh-tight);font-weight:var(--fw-semibold);margin:0 0 var(--space-5);color:var(--text)}.h4,h4{font-size:var(--fs-2xl);line-height:var(--lh-tight);font-weight:var(--fw-semibold);margin:0 0 var(--space-5);color:var(--text)}.h5,h5{font-size:var(--fs-xl);line-height:var(--lh-tight);font-weight:var(--fw-medium);margin:0 0 var(--space-5);color:var(--text)}.h6,h6{font-size:var(--fs-lg);line-height:var(--lh-tight);font-weight:var(--fw-medium);margin:0 0 var(--space-5);color:var(--text-muted)}.lead{font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--text)}.subtitle{font-size:var(--fs-sm);color:var(--text-muted)}.eyebrow{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2)}.text-muted{color:var(--text-muted)!important}.text-inverse{color:var(--background-darker-contrast)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-mono{font-family:var(--font-mono)}.prose{max-width:68ch;font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.prose p+h2,.prose p+h3{margin-top:var(--space-4)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin:var(--space-2) 0 var(--space-3) var(--space-4)}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}th,td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}th{text-align:left;font-weight:var(--fw-semibold);color:var(--text)}code,pre{font-family:var(--font-mono);font-size:var(--fs-xs)}code{background:var(--background-light);padding:2px 4px;border-radius:4px;border:1px solid var(--border)}pre{background:var(--background-light);padding:var(--space-3);border-radius:8px;border:1px solid var(--border);overflow:auto}.titlebar,.toolbar{color:var(--primary-contrast)}.titlebar .title,.toolbar .title{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--primary-contrast)}.titlebar .subtitle,.toolbar .subtitle{color:color(from var(--primary-contrast) srgb r g b/80%)}@media (max-width: 768px){.h1,h1{letter-spacing:0}.prose{max-width:60ch}}.m-0{margin:var(--space-0)!important}.m-1{margin:var(--space-1)!important}.m-2{margin:var(--space-2)!important}.m-3{margin:var(--space-3)!important}.m-4{margin:var(--space-4)!important}.m-5{margin:var(--space-5)!important}.m-6{margin:var(--space-6)!important}.mt-0{margin-top:var(--space-0)!important}.mt-1{margin-top:var(--space-1)!important}.mt-2{margin-top:var(--space-2)!important}.mt-3{margin-top:var(--space-3)!important}.mt-4{margin-top:var(--space-4)!important}.mb-0{margin-bottom:var(--space-0)!important}.mb-1{margin-bottom:var(--space-1)!important}.mb-2{margin-bottom:var(--space-2)!important}.mb-3{margin-bottom:var(--space-3)!important}.mb-4{margin-bottom:var(--space-4)!important}.ml-0{margin-left:var(--space-0)!important}.ml-1{margin-left:var(--space-1)!important}.ml-2{margin-left:var(--space-2)!important}.ml-3{margin-left:var(--space-3)!important}.ml-4{margin-left:var(--space-4)!important}.mr-0{margin-right:var(--space-0)!important}.mr-1{margin-right:var(--space-1)!important}.mr-2{margin-right:var(--space-2)!important}.mr-3{margin-right:var(--space-3)!important}.mr-4{margin-right:var(--space-4)!important}.p-0{padding:var(--space-0)!important}.p-1{padding:var(--space-1)!important}.p-2{padding:var(--space-2)!important}.p-3{padding:var(--space-3)!important}.p-4{padding:var(--space-4)!important}.p-5{padding:var(--space-5)!important}.p-6{padding:var(--space-6)!important}.pt-1{padding-top:var(--space-1)!important}.pt-2{padding-top:var(--space-2)!important}.pt-3{padding-top:var(--space-3)!important}.pt-4{padding-top:var(--space-4)!important}.pb-1{padding-bottom:var(--space-1)!important}.pb-2{padding-bottom:var(--space-2)!important}.pb-3{padding-bottom:var(--space-3)!important}.pb-4{padding-bottom:var(--space-4)!important}.pl-1{padding-left:var(--space-1)!important}.pl-2{padding-left:var(--space-2)!important}.pl-3{padding-left:var(--space-3)!important}.pl-4{padding-left:var(--space-4)!important}.pr-1{padding-right:var(--space-1)!important}.pr-2{padding-right:var(--space-2)!important}.pr-3{padding-right:var(--space-3)!important}.pr-4{padding-right:var(--space-4)!important}.gap-1{gap:var(--space-1)!important}.gap-2{gap:var(--space-2)!important}.gap-3{gap:var(--space-3)!important}.gap-4{gap:var(--space-4)!important}.gap-5{gap:var(--space-5)!important}.gap-6{gap:var(--space-6)!important}.iframe{height:100%;width:100%;border:none;background-color:#fff}