.diagram-page.svelte-z40xki{min-height:100vh;background:#f8f9fa;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.diagram-header.svelte-z40xki{max-width:1200px;margin:0 auto 2rem}.back-link.svelte-z40xki{color:#ff6b35;text-decoration:none;font-size:.9rem}.back-link.svelte-z40xki:hover{text-decoration:underline}.diagram-header.svelte-z40xki h1:where(.svelte-z40xki){font-size:2rem;margin:1rem 0 .5rem;color:#000}.diagram-header.svelte-z40xki p:where(.svelte-z40xki) code:where(.svelte-z40xki){background:#ff6b351a;color:#ff6b35;padding:.15rem .4rem;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem}.banner-container.svelte-z40xki{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001f;padding:2rem}.hero-banner.svelte-z40xki{width:1200px;height:630px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;box-sizing:border-box}.hero-banner.svelte-z40xki:after{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle,rgba(0,212,212,.06) 0%,transparent 55%);pointer-events:none}.brand.svelte-z40xki{position:absolute;top:2rem;left:2.5rem;font-size:1.5rem;font-weight:800;color:#ff6b35;letter-spacing:.02em;z-index:10}.family-mark.svelte-z40xki{position:absolute;top:2rem;right:2.5rem;font-size:1.5rem;z-index:10}.hero-content.svelte-z40xki{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.75rem}.logo-mark.svelte-z40xki{width:280px;height:280px;display:block;filter:drop-shadow(0 0 30px rgba(255,107,53,.2))}.hero-title.svelte-z40xki{font-size:5rem;font-weight:800;margin:.5rem 0 0;color:#fff;line-height:1;letter-spacing:-.02em}.hero-subtitle.svelte-z40xki{font-size:1.6rem;color:#00d4d4;font-weight:600;margin:0;letter-spacing:.01em}.code-snippet.svelte-z40xki{position:absolute;bottom:2rem;left:2.5rem;background:#0a0a0ae6;border:1px solid #333;border-left:4px solid #FF6B35;border-radius:8px;padding:.55rem 1.1rem;z-index:10}.code-snippet.svelte-z40xki code:where(.svelte-z40xki){font-family:SF Mono,Fira Code,monospace;font-size:1rem;color:#ff6b35;font-weight:600}.star-cta.svelte-z40xki{position:absolute;bottom:2rem;right:2.5rem;z-index:10;display:flex;align-items:center;gap:.5rem;color:#fff}.star-glyph.svelte-z40xki{font-size:1.1rem;line-height:1}.gh-mark.svelte-z40xki{display:block}.usage-note.svelte-z40xki{max-width:1200px;margin:2rem auto 0;padding:1rem;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;font-size:.9rem}.usage-note.svelte-z40xki p:where(.svelte-z40xki){margin:.5rem 0}.usage-note.svelte-z40xki code:where(.svelte-z40xki){background:#0000000d;padding:.1rem .4rem;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem}