.diagram-page.svelte-qt0szw{min-height:100vh;background:#f8f9fa;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.diagram-header.svelte-qt0szw{max-width:1200px;margin:0 auto 2rem}.back-link.svelte-qt0szw{color:#ff6b35;text-decoration:none;font-size:.9rem}.back-link.svelte-qt0szw:hover{text-decoration:underline}h1.svelte-qt0szw{font-size:2rem;margin:1rem 0 .5rem;color:#000}.banner-container.svelte-qt0szw{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001f;padding:2rem}.hero-banner.svelte-qt0szw{width:1200px;height:480px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#1a2a1a,#2a1a0a,#1a1a1a);position:relative;overflow:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.hero-banner.svelte-qt0szw:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(74,222,128,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(74,222,128,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.hero-banner.svelte-qt0szw:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(74,222,128,.15) 0%,transparent 50%);animation:svelte-qt0szw-pulse 8s ease-in-out infinite}@keyframes svelte-qt0szw-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.version-badge.svelte-qt0szw{position:absolute;top:2rem;right:2rem;background:linear-gradient(135deg,#4ade80,#22c55e);color:#0a0a0a;padding:.5rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 12px #4ade8066;z-index:10}.hero-content.svelte-qt0szw{position:relative;z-index:10;text-align:center}.hero-title.svelte-qt0szw{font-size:5rem;font-weight:900;margin:0;background:linear-gradient(135deg,#4ade80,#ff6b35,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;line-height:1.1;text-transform:uppercase;filter:drop-shadow(0 0 30px rgba(74,222,128,.3))}.hero-subtitle.svelte-qt0szw{font-size:2.25rem;color:#f5f5f5;margin:1rem 0 0;font-weight:300;letter-spacing:1px}.answer-box.svelte-qt0szw{margin:2rem auto;display:inline-block;background:#1a1a1acc;border:2px solid #4ade80;border-radius:12px;padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.answer-text.svelte-qt0szw{font-family:SF Mono,monospace;font-size:1.5rem;color:#4ade80;font-weight:600;letter-spacing:1px}.tech-stack.svelte-qt0szw{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;font-size:1.1rem;color:#888}.tech-item.svelte-qt0szw{font-weight:500}.tech-divider.svelte-qt0szw{color:#444}.code-snippet.svelte-qt0szw{position:absolute;bottom:2rem;left:2rem;background:#0a0a0ae6;border:1px solid #333;border-left:4px solid #FF6B35;border-radius:8px;padding:.75rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.code-snippet.svelte-qt0szw code:where(.svelte-qt0szw){font-family:SF Mono,monospace;font-size:1.25rem;color:#4ade80;font-weight:600}.usage-note.svelte-qt0szw{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-qt0szw p:where(.svelte-qt0szw){margin:.5rem 0}@media (max-width: 1280px){.hero-banner.svelte-qt0szw{width:100%;height:auto;aspect-ratio:5 / 2}.hero-title.svelte-qt0szw{font-size:3.5rem}.hero-subtitle.svelte-qt0szw{font-size:1.75rem}.answer-text.svelte-qt0szw{font-size:1.2rem}.tech-stack.svelte-qt0szw{font-size:.95rem}.code-snippet.svelte-qt0szw code:where(.svelte-qt0szw){font-size:1rem}}