:root{--sd-compute: #3b82f6;--sd-storage: #10b981;--sd-queue: #f59e0b;--sd-cache: #8b5cf6;--sd-client: #ef4444;--sd-network: #6b7280;--sd-gateway: #0ea5e9;--sd-success: #10b981;--sd-error: #ef4444;--sd-warning: #f59e0b}.viz-btn{padding:.4rem .9rem;font-size:var(--ns-text-xs, .75rem);font-weight:600;border:none;border-radius:var(--ns-radius-sm, 4px);cursor:pointer;transition:background .2s,transform .1s;line-height:1.4}.viz-btn:hover{transform:translateY(-1px)}.viz-btn:disabled{opacity:.5;cursor:default;transform:none}.viz-btn-primary{background:var(--ns-color-accent, #007bff);color:#fff}.viz-btn-primary:hover:not(:disabled){opacity:.9}.viz-btn-secondary{background-color:var(--ns-color-accent-bg, #e9ecef);color:var(--ns-color-text, #333)}.viz-btn-secondary:hover{opacity:.75}.viz-btn-autoplay{background-color:var(--ns-color-accent-bg, #e9ecef);color:var(--ns-color-text, #333);position:relative;overflow:hidden}.viz-btn-autoplay:hover{opacity:.85}.viz-shimmer{position:relative;overflow:hidden;border:none;background-clip:padding-box;z-index:0}.viz-shimmer:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(red,#f80,#ff0,#0f0,#08f,#80f,#f08,red);animation:viz-border-rotate 3s linear infinite;z-index:-1}.viz-shimmer:after{content:"";position:absolute;inset:2px;border-radius:calc(var(--ns-radius-sm, 4px) - 1px);background:var(--ns-color-accent-bg, #e9ecef);z-index:-1}.viz-btn-primary.viz-shimmer:after{background:var(--ns-color-accent, #007bff)}@keyframes viz-border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viz-shimmer-v2{border:none;z-index:0}.viz-shimmer-v2:before{content:"";position:absolute;inset:-2px;border-radius:6px;background:conic-gradient(from var(--viz-shimmer-angle, 0deg),#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ef4444);z-index:-1;animation:viz-shimmer-v2-rotate 3s linear infinite}.viz-shimmer-v2:after{content:"";position:absolute;inset:0;border-radius:var(--ns-radius-sm, 4px);background:var(--ns-color-accent-bg, #e9ecef);z-index:-1}@keyframes viz-shimmer-v2-rotate{to{--viz-shimmer-angle: 360deg}}@property --viz-shimmer-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.viz-btn-fs{background:transparent;color:var(--ns-color-text-muted, #6c757d);padding:.35rem;margin-left:auto;line-height:0;box-shadow:none;border:1px solid var(--ns-color-hairline, #dee2e6);border-radius:var(--ns-radius-sm, 4px);cursor:pointer;transition:background .2s,color .2s}.viz-btn-fs:hover{color:var(--ns-color-text, #333);background:var(--ns-color-accent-bg, #e9ecef)}.viz-fullscreen{background:var(--ns-color-bg, #fff);display:flex;align-items:center;justify-content:center;padding:1.5rem}.viz-fullscreen>*{max-width:95vw;height:calc(100vh - 3rem);width:100%;border:none!important;background:transparent!important;display:flex;flex-direction:column;overflow:hidden}.viz-fullscreen [class*=-canvas],.viz-fullscreen [class*=-board],.viz-fullscreen [class*=-body],.viz-fullscreen [class*=-grid-side],.viz-fullscreen [class*=-stage],.viz-fullscreen [class*=-viz-side]{flex:1 1 0;min-height:0;overflow:hidden}.viz-fullscreen svg{width:100%!important;height:100%!important;max-height:none!important;max-width:none!important}[role=figure]:fullscreen,[class*=-wrapper]:fullscreen{background:var(--ns-color-bg, #fff);width:100vw!important;height:100vh!important;max-width:none!important;padding:1.5rem;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center}[role=figure]:fullscreen>[class*=-container],[class*=-wrapper]:fullscreen>[class*=-container]{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:flex;flex-direction:column;overflow:hidden;border:none!important}[role=figure]:fullscreen [class*=-canvas],[class*=-wrapper]:fullscreen [class*=-canvas],[role=figure]:fullscreen [class*=-board],[class*=-wrapper]:fullscreen [class*=-board]{flex:1 1 0;min-height:0;overflow:hidden;width:100%}[role=figure]:fullscreen canvas,[class*=-wrapper]:fullscreen canvas{width:100%!important;height:100%!important}[role=figure]:fullscreen svg,[class*=-wrapper]:fullscreen svg{width:100%!important;height:100%!important;max-height:none!important;max-width:none!important}[class*=-container]:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;display:flex;flex-direction:column;overflow:hidden;border:none!important;background:var(--ns-color-bg, #fff);padding:.5rem;box-sizing:border-box}[class*=-container]:fullscreen [class*=-canvas],[class*=-container]:fullscreen [class*=-board]{flex:1 1 0;min-height:0;overflow:hidden;width:100%}[class*=-container]:fullscreen canvas{width:100%!important;height:100%!important}[class*=-container]:fullscreen svg{width:100%!important;height:100%!important;max-height:none!important;max-width:none!important}