:root{--bg:#221d22;--fg:#fff;--muted:#ffffff80;--acc:#ffbe5c;--acc-hover:#ffb841;--danger:#ff4d4f;--pill-bg:#ffffff1a;--pill-border:#ffffff26;--prism-string:#9be5ff;--prism-function:#ffd28a;--prism-variable:#fba5ff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--spacing-5xl:48px;--spacing-6xl:60px;--spacing-7xl:80px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:999px;--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.diagrams-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (min-width:640px){.diagrams-grid{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.diagrams-grid{gap:var(--spacing-2xl);grid-template-columns:repeat(3,1fr)}}.diagram-card{all:unset;cursor:pointer;border-radius:var(--radius-lg);background:0 0;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.diagram-card:hover{transform:translateY(-2px)}@media (hover:hover) and (pointer:fine){.diagram-card:hover{box-shadow:0 4px 16px #0006}}.diagram-card:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d}.diagram-card-image-wrapper{border-radius:var(--radius-lg);aspect-ratio:16/9;background:#fff;border:1px solid #19212b;width:100%;position:relative;overflow:hidden}.diagram-card-image{object-fit:cover;object-position:center;width:100%;height:100%}.diagram-card-caption{color:var(--muted);margin:var(--spacing-sm)0 0;word-break:break-word;text-align:left;font-size:12px;line-height:1.4}@media (min-width:640px){.diagram-card-caption{margin:10px 0 0;font-size:13px}}.diagram-dialog-content{padding:var(--spacing-xl);gap:var(--spacing-lg);-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;max-height:90vh;display:flex;overflow-y:auto}@media (min-width:640px){.diagram-dialog-content{padding:var(--spacing-2xl);max-height:85vh}}.diagram-dialog-image{border-radius:var(--radius-lg);object-fit:contain;border:1px solid #19212b;width:100%;max-width:100%;height:auto;max-height:70vh;display:block}@media (max-width:640px){.diagram-dialog-image{max-height:60vh}}.diagram-dialog-caption{color:var(--muted);word-break:break-word;margin:0;font-size:13px;line-height:1.5}@media (min-width:640px){.diagram-dialog-caption{font-size:14px}}