.system-design-wrapper[data-v-00607c0d]{width:100%;max-width:420px;margin-left:auto}.design-header[data-v-00607c0d]{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:20px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.header-icon[data-v-00607c0d]{font-size:14px}.header-text[data-v-00607c0d]{font-size:12px;font-weight:600;color:var(--color-primary);letter-spacing:.5px;text-transform:uppercase}.architecture-container[data-v-00607c0d]{border:1px solid var(--color-border);border-radius:20px;padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.architecture-container[data-v-00607c0d]:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--color-primary) 10%,transparent)}.arch-svg[data-v-00607c0d]{width:100%;height:auto}.line[data-v-00607c0d]{stroke-width:1.8;transition:stroke-opacity .3s}.line.primary[data-v-00607c0d]{stroke:var(--color-primary)}.line.accent[data-v-00607c0d]{stroke:var(--color-primary-light)}.dashed[data-v-00607c0d]{stroke-dasharray:5 3}.arrow-primary[data-v-00607c0d]{fill:var(--color-primary)}.arrow-accent[data-v-00607c0d]{fill:var(--color-primary-light)}.flow-label[data-v-00607c0d]{font-size:8px;font-weight:600;fill:var(--color-text-muted)}.primary-text[data-v-00607c0d]{fill:var(--color-primary)}.accent-text[data-v-00607c0d]{fill:var(--color-primary-light)}.node-bg[data-v-00607c0d]{stroke-width:1.2;transition:all .3s ease}.node:hover .node-bg[data-v-00607c0d]{filter:brightness(1.3)}.client-node[data-v-00607c0d],.lb-node[data-v-00607c0d]{stroke:var(--color-primary)}.server-node[data-v-00607c0d],.cache-node[data-v-00607c0d]{stroke:var(--color-primary-light)}.db-node[data-v-00607c0d]{stroke:var(--color-primary)}.queue-node[data-v-00607c0d],.worker-node[data-v-00607c0d]{stroke:var(--color-primary-light)}.node-title[data-v-00607c0d]{fill:var(--color-text-primary);font-size:12px;font-weight:700;text-anchor:middle}.node-title-sm[data-v-00607c0d]{fill:var(--color-text-primary);font-size:10px;font-weight:700;text-anchor:middle}.node-subtitle[data-v-00607c0d]{fill:var(--color-text-muted);font-size:9px;font-weight:500;text-anchor:middle}.node-subtitle-sm[data-v-00607c0d]{fill:var(--color-text-muted);font-size:8px;font-weight:500;text-anchor:middle}.pulse[data-v-00607c0d]{opacity:.95}.pulse-primary[data-v-00607c0d]{fill:var(--color-primary)}.pulse-accent[data-v-00607c0d]{fill:var(--color-primary-light)}.legend-title[data-v-00607c0d]{fill:var(--color-text-secondary);font-size:9px;font-weight:600}.legend-text[data-v-00607c0d]{fill:var(--color-text-muted);font-size:8px;font-weight:500}@media (max-width: 768px){.system-design-wrapper[data-v-00607c0d]{max-width:100%;margin:0 auto;padding:0 10px}.architecture-container[data-v-00607c0d]{padding:12px}}@keyframes gradient-0a68ac4c{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient[data-v-0a68ac4c]{background-size:200% 200%;animation:gradient-0a68ac4c 4s ease infinite}@keyframes float-slow-0a68ac4c{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,-30px) rotate(5deg)}}@keyframes float-slower-0a68ac4c{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-40px,40px) rotate(-5deg)}}@keyframes pulse-slow-0a68ac4c{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.animate-float-slow[data-v-0a68ac4c]{animation:float-slow-0a68ac4c 20s ease-in-out infinite}.animate-float-slower[data-v-0a68ac4c]{animation:float-slower-0a68ac4c 25s ease-in-out infinite}.animate-pulse-slow[data-v-0a68ac4c]{animation:pulse-slow-0a68ac4c 8s ease-in-out infinite}