@font-face{font-family:ZX Spectrum;src:url(/storybook/fonts/zxSpectrumExpanded.woff2) format("woff2"),url(/storybook/fonts/zxSpectrumExpanded.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ZX Spectrum Tight;src:url(/storybook/fonts/zxSpectrumExpanded.woff2) format("woff2"),url(/storybook/fonts/zxSpectrumExpanded.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;ascent-override:72%;descent-override:12%;line-gap-override:0%;size-adjust:100%}@font-face{font-family:ZX Spectrum Bar;src:url(/storybook/fonts/zxSpectrumExpanded.woff2) format("woff2"),url(/storybook/fonts/zxSpectrumExpanded.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;ascent-override:60%;descent-override:15%;line-gap-override:0%;size-adjust:100%}:root{--spectrum-black: #000000;--spectrum-blue: #0000FF;--spectrum-red: #FF0000;--spectrum-magenta: #FF00FF;--spectrum-green: #00FF00;--spectrum-cyan: #00FFFF;--spectrum-yellow: #FFFF00;--spectrum-white: #FFFFFF;--spectrum-blue-dim: #0000CD;--spectrum-red-dim: #CD0000;--spectrum-magenta-dim: #CD00CD;--spectrum-green-dim: #00CD00;--spectrum-cyan-dim: #00CDCD;--spectrum-yellow-dim: #CDCD00;--spectrum-white-dim: #CDCDCD;--chassis-silver: #C0C0C0;--chassis-bezel: #1A1A1A;--chassis-key: #4A4A4A;--bg: var(--chassis-silver);--bg-inverse: var(--spectrum-black);--bg-elevated: var(--spectrum-white);--bg-offscreen: var(--chassis-bezel);--fg: var(--spectrum-black);--fg-inverse: var(--spectrum-white);--fg-muted: #3A3A3A;--accent-selection: var(--spectrum-cyan);--accent-danger: var(--spectrum-red);--accent-success: var(--spectrum-green);--accent-warn: var(--spectrum-yellow);--accent-link: var(--spectrum-blue);--accent-hot: var(--spectrum-magenta);--font-display: "ZX Spectrum Tight", "ZX Spectrum", "Courier New", Courier, monospace;--font-body: "ZX Spectrum Tight", "ZX Spectrum", "Courier New", Courier, monospace;--font-mono: "ZX Spectrum", "Courier New", Courier, monospace;--fs-xs: 16px;--fs-sm: 20px;--fs-md: 24px;--fs-lg: 32px;--fs-xl: 48px;--fs-2xl: 64px;--fs-3xl: 96px;--tracking-tight: .04em;--tracking-normal: .06em;--tracking-loose: .14em;--leading-tight: .78;--leading-normal: 1;--leading-body: 1.25;--space-0: 0;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--space-7: 96px;--border-thin: 2px solid var(--spectrum-black);--border-thick: 4px solid var(--spectrum-black);--border-focus: 3px solid var(--spectrum-cyan);--shadow-none: none;--ease-step: steps(4, end);--dur-blink: .5s;--dur-load: 2.4s;--dur-flash: .08s;--viewport-ratio: 4 / 3}html,body{background:var(--bg-offscreen);color:var(--fg);font-family:var(--font-body);image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;text-rendering:optimizeSpeed;margin:0;padding:0}h1,.h1{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:var(--tracking-normal);line-height:var(--leading-tight);color:var(--fg-inverse);background:var(--bg-inverse);padding:var(--space-1) var(--space-2);margin:0;font-weight:400;text-transform:uppercase}h2,.h2{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:var(--tracking-normal);line-height:var(--leading-tight);color:var(--fg);margin:0;font-weight:400}h3,.h3{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:var(--tracking-loose);line-height:var(--leading-tight);color:var(--fg);margin:0;font-weight:400}p,.p{font-family:var(--font-body);font-size:var(--fs-md);letter-spacing:var(--tracking-tight);line-height:var(--leading-body);color:var(--fg);margin:0 0 var(--space-2) 0}small,.small{font-size:var(--fs-sm);letter-spacing:var(--tracking-tight)}code,.code{font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--bg-inverse);color:var(--spectrum-yellow);padding:0 var(--space-1)}kbd{font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--bg-elevated);color:var(--fg);border:var(--border-thin);padding:0 var(--space-1);display:inline-block;min-width:2em;text-align:center}a,.link{color:var(--fg);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}a:hover,.link:hover{background:var(--accent-selection);color:var(--spectrum-black);text-decoration:none}::selection{background:var(--accent-selection);color:var(--spectrum-black)}@keyframes spectrum-blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:spectrum-blink var(--dur-blink) steps(1,end) infinite}:root{--spectrum-black: #000000;--spectrum-white: #FFFFFF;--spectrum-red: #FF0000;--spectrum-yellow: #FFFF00;--spectrum-green: #00FF00;--spectrum-cyan: #00FFFF;--spectrum-blue: #0000FF;--spectrum-magenta: #FF00FF;--spectrum-silver: #C0C0C0;--spectrum-dim-blue: #0000CD;--accent-selection: #00FFFF;--bg-elevated: #FFFFFF}.zx-viewport-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--spectrum-black);margin:0;padding:0}.zx-viewport{background:var(--spectrum-silver);aspect-ratio:4 / 3;width:min(100vw,calc(100vh * 4 / 3));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 1fr 1fr;position:relative;--u: min(100vw, 133.333vh) ;font-size:calc(var(--u) * .031);overflow:hidden;font-family:ZX Spectrum Tight,ZX Spectrum,Courier New,Courier,monospace}.zx-content{grid-row:2;display:flex;align-items:flex-start;justify-content:center;padding:0 calc(var(--u) * .05);box-sizing:border-box;width:100%}.zx-content-top{position:absolute;top:0;left:0;right:0;height:calc(var(--u) * .24);display:flex;justify-content:center;align-items:center;padding:0 calc(var(--u) * .05);box-sizing:border-box;pointer-events:none;z-index:10}@media (max-width: 768px){.zx-content-top{height:calc(var(--u) * .12)}}.zx-content-top>*{pointer-events:auto}.zx-content-full{grid-row:1 / span 3;padding:calc(var(--u) * .04) calc(var(--u) * .05) calc(var(--u) * .07);overflow:auto}.zx-color-bar{display:flex;align-items:center;overflow:hidden}.zx-color-bar img{display:block;width:100%;height:100%;min-height:0;image-rendering:pixelated;object-fit:contain}.zx-menu{background:var(--bg-elevated);border-left:calc(var(--u) * .002) solid var(--spectrum-black);border-right:calc(var(--u) * .002) solid var(--spectrum-black);border-bottom:calc(var(--u) * .002) solid var(--spectrum-black);width:max-content;display:inline-block}.zx-menu-hdr{display:grid;grid-template-columns:1fr auto;background:var(--spectrum-black);color:var(--spectrum-white);align-items:stretch}.zx-menu-title{font-family:ZX Spectrum Bar,ZX Spectrum Tight,ZX Spectrum,Courier New,Courier,monospace;font-size:1.58em;font-weight:400;letter-spacing:.06em;line-height:.78;margin:0;padding-left:0;white-space:nowrap;display:flex;align-items:center}.zx-menu-hdr>.zx-color-bar{width:calc(var(--u) * .2);margin-right:calc(var(--u) * .028);height:100%;display:flex;align-items:center}.zx-menu-list{list-style:none;margin:0;padding:0 0 1em;background:var(--bg-elevated)}.zx-menu-opt{padding:0 0 0 .6em;margin:0;cursor:pointer;background:var(--bg-elevated);color:var(--spectrum-black);font-size:1.58em;letter-spacing:.14em;white-space:nowrap;line-height:.78}.zx-menu-opt:hover,.zx-menu-opt.sel{background:var(--accent-selection);color:var(--spectrum-black)}.zx-pagebar{position:absolute;left:calc(var(--u) * .05);right:calc(var(--u) * .05);bottom:calc(var(--u) * .095);display:grid;grid-template-columns:1fr auto;background:var(--spectrum-black);color:var(--spectrum-white);align-items:stretch}.zx-pagebar-text{font-family:ZX Spectrum Bar,ZX Spectrum Tight,ZX Spectrum,Courier New,Courier,monospace;font-size:1.58em;letter-spacing:.06em;line-height:.78;margin:0;padding-left:.3em;display:flex;align-items:center}.zx-pagebar>.zx-color-bar{width:calc(var(--u) * .2);margin-right:calc(var(--u) * .028);height:100%;display:flex;align-items:center}.zx-footer{position:absolute;left:calc(var(--u) * .1);bottom:calc(var(--u) * .1);font-size:1.58em;color:var(--spectrum-black);text-align:left;line-height:.78}.zx-footer>div{margin:0;padding:0}.zx-btn{font-family:inherit;font-size:1em;letter-spacing:.1em;padding:.3em .8em;border:calc(var(--u) * .002) solid var(--spectrum-black);background:var(--bg-elevated);color:var(--spectrum-black);cursor:pointer;text-transform:uppercase}.zx-btn:hover,.zx-btn.sel{background:var(--accent-selection)}.zx-btn.inv{background:var(--spectrum-black);color:var(--spectrum-white)}.zx-btn:focus-visible{outline:3px solid var(--accent-selection);outline-offset:0}.zx-btn:active{background:var(--spectrum-black);color:var(--spectrum-white)}.zx-btn[disabled]{opacity:.4;cursor:not-allowed}.zx-card{background:var(--bg-elevated);border:calc(var(--u) * .002) solid var(--spectrum-black);margin-bottom:.6em}.zx-card-hdr{background:var(--spectrum-black);color:var(--spectrum-white);padding:.1em .4em;font-size:1em;letter-spacing:.08em;line-height:1}.zx-card-body{padding:.3em .4em;font-size:.8em;letter-spacing:.04em;line-height:1.25}.zx-card-meta{margin-bottom:.2em}.zx-year{color:var(--spectrum-dim-blue);font-size:.9em}.zx-card-desc{margin:0}.zx-skill{display:grid;grid-template-columns:140px 1fr auto;gap:.5em;align-items:center;padding:.15em 0;font-size:.9em}.zx-skill-cat{letter-spacing:.1em;text-transform:uppercase}.zx-skill-techs{display:flex;gap:.2em;flex-wrap:wrap}.zx-skill-rating{display:flex;align-items:center;gap:.4em}.zx-chip{font-size:.7em;letter-spacing:.1em;padding:0 .4em;border:calc(var(--u) * .0015) solid var(--spectrum-black);background:var(--bg-elevated);text-transform:uppercase}.zx-chip.k{background:var(--spectrum-black);color:var(--spectrum-yellow);border-color:var(--spectrum-black)}.zx-stars img{width:.8em;height:.8em;image-rendering:pixelated;margin-right:2px}.zx-stars img.dim{filter:brightness(.25) saturate(0)}.zx-num{background:var(--spectrum-black);color:var(--spectrum-yellow);padding:0 .3em;font-size:.65em;letter-spacing:.04em}.zx-link-row{margin-top:.2em;display:flex;gap:.8em}.zx-link{color:var(--spectrum-dim-blue);text-decoration:underline;font-size:.8em;letter-spacing:.06em}.zx-link:hover{background:var(--accent-selection);color:var(--spectrum-black);text-decoration:none}.zx-card-exp{background:var(--bg-elevated);border:calc(var(--u) * .003) solid var(--spectrum-black);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);padding:calc(var(--u) * .02);gap:calc(var(--u) * .01);width:calc(var(--u) * .8);height:calc(var(--u) * .47);max-height:calc(100vh - calc(var(--u) * .38));overflow:hidden;flex-shrink:0;box-sizing:border-box}.zx-card-exp-left{display:flex;flex-direction:column;gap:calc(var(--u) * .015);align-items:center;text-align:center;padding-right:calc(var(--u) * .015);overflow:hidden}.zx-card-exp-name{font-size:1.2em;font-weight:700;color:var(--spectrum-black);word-wrap:break-word}.zx-card-exp-logo{width:clamp(60px,7vw,120px);height:clamp(60px,7vw,120px);object-fit:contain;image-rendering:pixelated;display:block;flex-shrink:0}.zx-card-exp-dates{font-size:.9em;color:var(--spectrum-black);opacity:1}.zx-card-exp-right{display:flex;flex-direction:column;gap:calc(var(--u) * .015);padding-left:calc(var(--u) * .015);overflow:hidden}.zx-card-exp-position{font-size:1.1em;font-weight:700;color:var(--spectrum-black);word-wrap:break-word}.zx-card-exp-desc{font-size:1em;line-height:1.2;color:var(--spectrum-black);overflow:hidden;flex:1}.zx-carousel-arrow{width:calc(var(--u) * .08);height:calc(var(--u) * .08);display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;align-self:center;flex-shrink:0;z-index:10}.zx-carousel-arrow:hover{opacity:.7}.zx-carousel-arrow.dim{opacity:.3;cursor:not-allowed;pointer-events:none}.zx-arrow-triangle{width:0;height:0;border-style:solid}.zx-arrow-triangle.left{border-width:calc(var(--u) * .015) calc(var(--u) * .015) calc(var(--u) * .015) 0;border-color:transparent var(--spectrum-black) transparent transparent}.zx-arrow-triangle.right{border-width:calc(var(--u) * .015) 0 calc(var(--u) * .015) calc(var(--u) * .015);border-color:transparent transparent transparent var(--spectrum-black)}.zx-card-kn{background:var(--bg-elevated);border:calc(var(--u) * .003) solid var(--spectrum-black);padding:calc(var(--u) * .03);width:calc(var(--u) * .8);height:calc(var(--u) * .47);max-height:calc(100vh - calc(var(--u) * .38));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.zx-card-kn-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center}.zx-card-kn-cat{font-size:1.3em;font-weight:700;color:var(--spectrum-black);margin:0 0 .5em}.zx-kn-divider{display:flex;justify-content:center;align-items:center;gap:calc(var(--u) * .002);margin:0 0 .5em;width:100%}.zx-kn-dot{background:var(--spectrum-black)}.zx-card-kn-techs{font-size:1em;color:var(--spectrum-black);margin:0 0 .5em;text-align:center;line-height:1.4}.zx-card-kn-stars{display:flex;justify-content:center;gap:calc(var(--u) * .008);flex-wrap:wrap}.zx-card-kn-stars img{width:clamp(20px,2.5vw,32px);height:clamp(20px,2.5vw,32px);object-fit:contain;image-rendering:pixelated}.zx-card-proj{background:var(--bg-elevated);border:calc(var(--u) * .003) solid var(--spectrum-black);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);gap:calc(var(--u) * .02);padding:calc(var(--u) * .02);width:calc(var(--u) * .8);height:calc(var(--u) * .47);max-height:calc(100vh - calc(var(--u) * .38));overflow:hidden;flex-shrink:0;box-sizing:border-box}.zx-card-proj-left{display:flex;flex-direction:column;gap:calc(var(--u) * .015);align-items:center;text-align:center;padding-right:calc(var(--u) * .015);overflow:hidden}.zx-card-proj-name{font-size:1.2em;font-weight:700;color:var(--spectrum-black);word-wrap:break-word}.zx-card-proj-logo{width:clamp(50px,6vw,100px);height:clamp(50px,6vw,100px);object-fit:contain;image-rendering:pixelated;display:block;flex-shrink:0}.zx-card-proj-links{display:flex;flex-direction:column;gap:calc(var(--u) * .01);align-items:center}.zx-card-proj-link{text-decoration:none;color:var(--spectrum-blue);font-size:.9em;padding:calc(var(--u) * .005) calc(var(--u) * .01);border:calc(var(--u) * .0015) solid var(--spectrum-blue);display:flex;align-items:center;gap:calc(var(--u) * .015)}.zx-card-proj-link:hover{background:var(--spectrum-blue);color:var(--spectrum-white)}.zx-card-proj-link-icon{width:clamp(16px,2.5vw,32px);height:clamp(16px,2.5vw,32px)}.zx-card-proj-right{display:flex;flex-direction:column;gap:calc(var(--u) * .015);padding-left:calc(var(--u) * .015);overflow:hidden}.zx-card-proj-desc{font-size:1em;line-height:1.2;color:var(--spectrum-black);overflow:hidden;flex:1}.zx-contact{display:flex;flex-direction:column;gap:.2em}.zx-contact-row{display:flex;align-items:center;gap:.35em;padding:.1em .2em;text-decoration:none;color:var(--spectrum-black);font-size:.85em;letter-spacing:.04em;border:calc(var(--u) * .0015) solid transparent;min-width:0}.zx-contact-row:hover{background:var(--accent-selection);border-color:var(--spectrum-black)}.zx-contact-row img{width:1em;height:1em;flex-shrink:0}.zx-contact-lbl{letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}.zx-contact-val{opacity:.8;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zx-home-link{display:inline-flex;align-items:center;justify-content:center;line-height:0;text-decoration:none;background:transparent}.zx-home-link:hover,.zx-home-link:focus{background:transparent}.zx-home-link:hover .zx-home-link-img,.zx-home-link:focus .zx-home-link-img{outline:calc(var(--u) * .0025) solid var(--spectrum-cyan);outline-offset:0}.zx-home-link-img{display:block;height:calc(var(--u) * .08);width:auto;image-rendering:pixelated}.zx-loading-full{position:absolute;inset:0;z-index:100}.zx-border-full{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,var(--spectrum-red) 0 calc(var(--u) * .02),var(--spectrum-cyan) calc(var(--u) * .02) calc(var(--u) * .04));background-size:calc(var(--u) * .08) calc(var(--u) * .08);animation:zxStripe .8s linear infinite;z-index:10}.zx-viewport-mask{position:absolute;top:calc(var(--u) * .08);left:calc(var(--u) * .08);right:calc(var(--u) * .08);bottom:calc(var(--u) * .08);background:var(--spectrum-silver);z-index:20}.zx-loading-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:30;font-size:1.58em;letter-spacing:.14em}@keyframes zxStripe{0%{background-position:0 0}25%{background-position:0 calc(var(--u) * .08)}50%{background-position:0 0}75%{background-position:0 calc(var(--u) * -.08)}to{background-position:0 0}}.zx-border-full-alt{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,var(--spectrum-blue) 0 calc(var(--u) * .01),var(--spectrum-yellow) calc(var(--u) * .01) calc(var(--u) * .02));background-size:calc(var(--u) * .08) calc(var(--u) * .08);animation:zxStripeAlt .8s linear infinite;z-index:10}@keyframes zxStripeAlt{0%{background-position:0 0}25%{background-position:0 calc(var(--u) * .04)}50%{background-position:0 0}75%{background-position:0 calc(var(--u) * -.04)}to{background-position:0 0}}.blink{animation:zxBlink .5s steps(1,end) infinite}@keyframes zxBlink{0%,49%{opacity:1}50%,to{opacity:0}}.zx-kbhints{display:flex;gap:1em;font-size:.8em;letter-spacing:.06em}.zx-kbhint{display:inline-flex;align-items:center;gap:.3em}.zx-kbhint kbd{font-family:inherit;background:var(--bg-elevated);border:calc(var(--u) * .0015) solid var(--spectrum-black);padding:0 .3em;min-width:1.5em;display:inline-block;text-align:center;font-size:.9em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sb-bg: #141414;--sb-surface: #1f1f1f;--sb-border: #333;--sb-fg: #f0f0f0;--sb-fg-muted: #a0a0a0;--sb-accent: #00ffff;--sb-sidebar-w: 240px;--sb-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sb-font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sb-font-mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--sb-spectrum-font: "ZX Spectrum Tight", "ZX Spectrum", "Courier New", Courier, monospace}html{scroll-behavior:smooth}html,body{font-family:var(--sb-font);background:var(--sb-bg);color:var(--sb-fg)}.sb-layout{display:flex;min-height:100vh;font-family:var(--sb-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.sb-nav-label,.sb-nav-item,.sb-search,.sb-hero,.sb-hero p,.sb-section-sub,.sb-preview-header,.sb-preview-header strong,.sb-badge,.sb-fs-btn,.sb-mobile-toggle,.sb-props,.sb-props th,.sb-props td{font-family:var(--sb-font)}.sb-logo,.sb-hero h1,.sb-section-title{font-family:var(--sb-font-display)}.sb-hero code,.sb-section-sub code,.sb-code,.sb-props td code,.sb-swatch{font-family:var(--sb-font-mono)}.sb-sidebar{width:var(--sb-sidebar-w);background:var(--sb-surface);border-right:1px solid var(--sb-border);position:fixed;top:0;left:0;bottom:0;overflow-y:auto;padding:20px 0;z-index:10}.sb-logo{font-size:15px;font-weight:700;padding:0 20px 16px;border-bottom:1px solid var(--sb-border);margin-bottom:8px;letter-spacing:.02em;color:#fff}.sb-logo span{color:var(--sb-accent)}.sb-nav-group{padding:6px 0}.sb-nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--sb-fg-muted);padding:8px 20px 4px}.sb-nav-item{display:block;padding:6px 20px;font-size:13px;color:var(--sb-fg-muted);text-decoration:none;border-left:3px solid transparent}.sb-nav-item:hover{color:var(--sb-fg);background:#ffffff0d}.sb-nav-item.active{color:var(--sb-accent);border-left-color:var(--sb-accent);background:#00ffff14}.sb-main{margin-left:var(--sb-sidebar-w);padding:48px 64px;flex:1;min-width:0}.sb-hero{margin-bottom:64px;max-width:760px}.sb-hero h1{font-size:42px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.02em;text-transform:none}.sb-hero p{font-size:17px;line-height:1.7;color:var(--sb-fg);margin-bottom:16px}.sb-section-sub{color:var(--sb-fg)}.sb-hero code{background:#2a2a2a;padding:2px 8px;border-radius:4px;font-family:var(--sb-font-mono);font-size:13px;color:var(--sb-accent)}.sb-section{margin-bottom:80px;max-width:1100px}.sb-section-title{font-size:28px;font-weight:700;margin-bottom:8px;color:#fff}.sb-section-sub{font-size:14px;color:var(--sb-fg-muted);margin-bottom:28px;line-height:1.6}.sb-section-sub code{background:#2a2a2a;padding:2px 8px;border-radius:4px;font-family:var(--sb-font-mono);font-size:12px;color:var(--sb-accent)}.sb-preview{background:var(--sb-surface);border:1px solid var(--sb-border);overflow:hidden;margin-bottom:20px;border-radius:4px}.sb-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--sb-border);font-size:12px;color:var(--sb-fg-muted);letter-spacing:.04em}.sb-preview-header strong{color:#fff;font-weight:600}.sb-preview-body{padding:32px;display:flex;align-items:center;justify-content:center;min-height:140px;position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.015) 4px,rgba(255,255,255,.015) 8px);--u: 420px;font-family:var(--sb-spectrum-font);font-size:calc(var(--u) * .031)}.sb-preview-body.silver{background:silver;min-height:220px;color:#000;--u: 600px}.sb-preview-body.dark{background:#000;--u: 520px;color:#fff}.sb-preview-body.plain{background:var(--sb-surface);--u: 400px;color:#fff}.sb-preview-body.desktop{--u: 960px;font-size:calc(var(--u) * .031);min-height:320px}.sb-preview-body *{font-family:inherit;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;text-rendering:optimizeSpeed}.sb-code{background:#0f0f0f;color:#e8e8e8;padding:16px 20px;font-family:var(--sb-font-mono);font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre;border-top:1px solid var(--sb-border)}.sb-code .t{color:#ff79c6}.sb-code .a{color:#50fa7b}.sb-code .v{color:#f1fa8c}.sb-code .c{color:#6272a4}.sb-swatches{display:flex;gap:12px;flex-wrap:wrap}.sb-swatch{width:84px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:var(--sb-font-mono);font-size:11px;border-radius:4px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 6px #00000040}.sb-swatch-name{opacity:.7;text-align:center}.sb-badge{font-size:10px;padding:2px 8px;border-radius:3px;letter-spacing:.04em;font-weight:600}.sb-badge.ok{background:#00ff0026;color:#69f0ae}.sb-badge.wip{background:#ffff0026;color:#ff0}.sb-badge.ds{background:#00ffff26;color:var(--sb-accent)}.sb-type-sample{font-family:var(--sb-spectrum-font)}.sb-spacing-row{display:flex;align-items:center;gap:16px}.sb-spacing-row span{width:48px;font-size:12px;color:var(--sb-fg-muted)}.sb-spacing-bar{height:22px;background:var(--sb-accent);opacity:.35;border-radius:2px}.sb-search{margin:0 16px 12px;padding:8px 12px;background:#0f0f0f;border:1px solid var(--sb-border);border-radius:4px;color:var(--sb-fg);font-size:13px;width:calc(100% - 32px);outline:none}.sb-search:focus{border-color:var(--sb-accent)}.sb-search::placeholder{color:var(--sb-fg-muted)}.sb-props{margin-bottom:20px;overflow-x:auto}.sb-props table{width:100%;border-collapse:collapse;font-size:13px;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:4px}.sb-props th,.sb-props td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--sb-border)}.sb-props th{color:var(--sb-fg-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#0f0f0f}.sb-props td{color:var(--sb-fg);vertical-align:top}.sb-props td code{background:#0f0f0f;padding:2px 6px;border-radius:3px;font-family:var(--sb-font-mono);font-size:12px;color:var(--sb-accent)}.sb-props-required{display:inline-block;margin-left:6px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--sb-bg);background:var(--sb-accent);padding:1px 4px;border-radius:3px}.sb-props-empty{color:var(--sb-fg-muted)}.sb-mobile-toggle{display:none;position:fixed;top:16px;right:16px;z-index:20;width:40px;height:40px;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:4px;color:var(--sb-fg);font-size:18px;cursor:pointer;align-items:center;justify-content:center}.sb-preview:fullscreen{background:var(--sb-bg)}.sb-preview:fullscreen .sb-preview-body{min-height:100vh}.sb-fs-btn{background:transparent;border:none;color:var(--sb-fg-muted);cursor:pointer;font-size:11px;letter-spacing:.04em;padding:4px 8px}.sb-fs-btn:hover{color:var(--sb-fg)}@keyframes zb{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-width:768px){.sb-mobile-toggle{display:flex}.sb-sidebar{transform:translate(-100%);transition:transform .2s ease}.sb-sidebar.open{transform:translate(0)}.sb-main{margin-left:0;padding:24px 16px}.sb-section{max-width:100%}}.interactive-menu-demo[data-astro-cid-43awtdoj]{outline:none}.interactive-menu-demo[data-astro-cid-43awtdoj]:focus .zx-menu[data-astro-cid-43awtdoj]{outline:3px solid var(--sb-accent);outline-offset:2px}.interactive-hint[data-astro-cid-43awtdoj]{margin-top:12px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:var(--sb-fg-muted);letter-spacing:.04em}.zx-carousel{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * .02);outline:none}.zx-carousel-track{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;width:var(--carousel-track-width, calc(var(--u) * .8))}.zx-carousel-track>*{grid-area:1 / 1 / 2 / 2;transition:transform .2s ease}.interactive-carousel-demo[data-astro-cid-vagixllm] .zx-carousel{--u: 650px}.interactive-hint[data-astro-cid-vagixllm]{margin-top:12px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:var(--sb-fg-muted);letter-spacing:.04em}