:root{color-scheme:dark;--bk-bg:#090b14;--bk-bg-elevated:#141a30;--bk-surface:#ffffff12;--bk-surface-strong:#ffffff1f;--bk-border:#a6b8ff2b;--bk-border-strong:#77f4ff47;--bk-text:#eef4ff;--bk-muted:#e4ecffb8;--bk-accent:#7e69ff;--bk-accent-cool:#63dff6;--bk-danger:#ffd5f7;--bk-danger-surface:#48145059;--bk-shadow:0 30px 100px #00000057;--bk-space-1:.25rem;--bk-space-2:.5rem;--bk-space-3:.75rem;--bk-space-4:1rem;--bk-space-5:1.5rem;--bk-space-6:2rem;--bk-space-7:3rem;--bk-space-8:5rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;color:var(--bk-text);background:radial-gradient(circle at 0 0,#63dff624,#0000 22%),radial-gradient(circle at 82% 0,#7e69ff3d,#0000 24%),radial-gradient(circle at 96% 18%,#63dff614,#0000 18%),radial-gradient(circle at 50% 100%,#4c35b429,#0000 32%),linear-gradient(#12172d 0%,#090b14 100%);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{border:0}a{color:inherit}::selection{background:var(--bk-accent);color:#fff}:focus-visible{outline:2px solid var(--bk-accent-cool);outline-offset:2px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-skip-link{top:var(--bk-space-4);left:var(--bk-space-4);padding:var(--bk-space-3) var(--bk-space-4);background:var(--bk-accent-cool);color:#070711;z-index:20;border-radius:999px;font-weight:700;text-decoration:none;position:absolute;transform:translateY(-180%)}.site-skip-link:focus-visible{transform:translateY(0)}.site-brand{align-items:center;gap:var(--bk-space-3);text-decoration:none;display:inline-flex}.site-brand-mark{background:linear-gradient(135deg, var(--bk-accent), var(--bk-accent-cool));color:#04050b;border-radius:.9rem;place-items:center;width:2.5rem;height:2.5rem;font-weight:800;display:inline-grid;box-shadow:0 0 32px #67ecff38}.site-brand-copy{gap:.08rem;display:grid}.site-brand-copy strong{font-size:1rem}.site-brand-copy span{color:var(--bk-muted);font-size:.88rem}@media (width<=49.99rem){.site-brand-copy span{display:none}}.site-version-chip{color:#d7f8ff;letter-spacing:.02em;white-space:nowrap;background:#070a16a3;border:1px solid #67ecff52;border-radius:999px;align-items:center;gap:.35rem;min-height:30px;padding:.32rem .7rem;font-size:.76rem;font-weight:700;text-decoration:none;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.site-version-chip:hover,.site-version-chip:focus-visible{color:#ecfbff;background:#0c1226cc;border-color:#67ecff8c}.site-version-chip--compact{min-height:28px;padding:.24rem .62rem;font-size:.73rem}.site-nav,.site-actions,.site-footer-links{gap:var(--bk-space-3);flex-wrap:wrap;display:flex}.site-nav-link{color:var(--bk-muted);font-weight:700;text-decoration:none;transition:color .14s}.site-nav-link:hover,.site-nav-link:focus-visible{color:var(--bk-text)}.site-button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.15rem;font-weight:700;text-decoration:none;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;display:inline-flex}.site-button:hover{transform:translateY(-1px)}.site-button:active{transform:scale(.98)}.site-button--small{min-height:36px;padding:.55rem .85rem;font-size:.85rem}.site-button--primary{background:linear-gradient(135deg, var(--bk-accent), var(--bk-accent-cool));color:#070711;box-shadow:0 18px 48px #67ecff2e}.site-button--ghost{border-color:var(--bk-border);background:#ffffff0d}.site-button--ghost:hover{background:#ffffff17}.site-eyebrow{align-items:center;gap:var(--bk-space-2);border:1px solid var(--bk-border);color:#f5f8ff;text-transform:uppercase;letter-spacing:.08em;background:#ffffff0d;border-radius:999px;padding:.45rem .8rem;font-size:.74rem;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.site-panel,.site-card,.live-demo-card,.bk-panel,.bk-card{border:1px solid var(--bk-border);box-shadow:var(--bk-shadow);backdrop-filter:blur(18px);background:linear-gradient(#ffffff1a,#ffffff0a),linear-gradient(135deg,#8e6cff14,#67ecff0d);border-radius:1.35rem;transition:transform .18s,box-shadow .18s,border-color .18s}.site-card:hover,.live-demo-card:hover,.bk-card:hover{border-color:#77f4ff42;transform:translateY(-2px);box-shadow:0 34px 110px #0000005c}.site-panel,.bk-panel{padding:var(--bk-space-5)}.site-code,.live-demo pre,.bk-code-block{white-space:pre-wrap;overflow-wrap:anywhere;background:linear-gradient(#0d1022f0,#0a0b16eb);border:1px solid #67ecff1f;border-radius:1rem;padding:.95rem 1rem;font-size:.86rem;line-height:1.55;overflow:auto}.site-code code,.site-inline-code,.live-demo pre,.bk-code-block,.bk-inline-code{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.site-inline-code,.bk-inline-code{background:#8e6cff24;border:1px solid #67ecff1f;border-radius:.5rem;padding:.16rem .36rem}@supports not ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))){.site-panel,.site-card,.live-demo-card,.bk-panel,.bk-card{background:#0a0b16f2}}.site-main{width:min(1180px,100%);padding:calc(var(--bk-space-6) + env(safe-area-inset-top)) calc(var(--bk-space-5) + env(safe-area-inset-right)) var(--bk-space-8) calc(var(--bk-space-5) + env(safe-area-inset-left));flex:1;margin:0 auto}.site-header,.site-hero,.site-section,.site-footer-card{animation:.28s both site-fade-in}.site-header{justify-content:space-between;align-items:center;gap:var(--bk-space-4);margin-bottom:var(--bk-space-7);flex-wrap:wrap;display:flex}.site-nav{align-items:center}.site-hero{gap:var(--bk-space-6);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;display:grid}.site-copy{max-width:60ch}.site-eyebrow-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.site-title{margin:var(--bk-space-4) 0;letter-spacing:-.04em;max-width:11ch;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.9}.site-copy p,.site-section p,.site-muted{color:var(--bk-muted)}.site-actions{margin-top:var(--bk-space-5)}.site-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.15rem;margin-top:1.75rem;display:grid}.site-card,.live-demo-card{padding:1.2rem}.site-card-icon{width:2.7rem;height:2.7rem;margin-bottom:var(--bk-space-4);color:#d8e8ff;background:linear-gradient(135deg,#7e69ff47,#63dff633);border-radius:.9rem;place-items:center;display:inline-grid;box-shadow:inset 0 1px #ffffff14}.site-card-icon svg{width:1.3rem;height:1.3rem}.site-card--stagger-1{animation-delay:60ms}.site-card--stagger-2{animation-delay:.12s}.site-card--stagger-3{animation-delay:.18s}.site-card h2,.site-card h3,.site-panel h2,.site-panel h3,.live-demo-card h3{margin-bottom:var(--bk-space-2)}.site-section{margin-top:var(--bk-space-8)}.site-section-header{max-width:62ch;margin-bottom:1.35rem}.site-section-header h2,.site-page-title{margin-bottom:.6rem;font-size:clamp(1.9rem,4vw,3rem)}.site-stack{gap:var(--bk-space-4);display:grid}.site-footer{width:min(1180px,100%);padding:0 calc(var(--bk-space-5) + env(safe-area-inset-right)) calc(var(--bk-space-6) + env(safe-area-inset-bottom)) calc(var(--bk-space-5) + env(safe-area-inset-left));margin:0 auto}.site-footer-card{justify-content:space-between;align-items:center;gap:var(--bk-space-4);padding:var(--bk-space-4) var(--bk-space-5);background:#ffffff0a;border:1px solid #ffffff14;border-radius:1.35rem;display:flex}.site-footer-card p{color:var(--bk-muted)}.site-footer-links a{color:#f7f2eae6;text-decoration:none}.site-footer-links a:hover{color:var(--bk-text)}.live-demo{flex-direction:column;gap:1.5rem;min-height:70vh;display:flex}.live-demo-kicker,.live-demo-card-kicker{color:var(--bk-accent-cool);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.live-demo-intro{flex-shrink:0;max-width:52rem}.live-demo-intro h2{margin:.45rem 0 .55rem;font-size:clamp(1.9rem,4vw,2.8rem)}.live-demo-shell{flex:1;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);align-items:stretch;gap:1rem;min-height:0;display:grid}.live-demo-rail,.live-demo-control-groups,.live-demo-control-group,.live-demo-field{gap:1rem;display:grid}.live-demo-stage{flex-direction:column;gap:1rem;min-height:0;display:flex;overflow:auto}.live-demo-preview-card{flex-shrink:0}.live-demo-card{padding:1.35rem;position:relative;overflow:hidden}.live-demo-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#67ecff24,#0000 34%),radial-gradient(circle at 0 100%,#8e6cff1f,#0000 30%);position:absolute;inset:0}.live-demo-card>*{z-index:1;position:relative}.live-demo-card h3{margin:0;font-size:1.15rem}.live-demo-input-card{cursor:pointer;text-align:center;border-style:dashed;border-color:#67ecff3d;justify-items:center;gap:1rem;min-height:218px;padding:1.4rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.live-demo-input-card:hover{border-color:#67ecff61;transform:translateY(-1px)}.live-demo-input-card:focus{border-color:var(--bk-accent-cool);outline:none;box-shadow:0 0 0 3px #67ecff24}.live-demo-input-card--dragging{border-color:var(--bk-accent-cool);box-shadow:0 0 0 1px #67ecff2e, var(--bk-shadow)}.live-demo-dropzone-icon{width:3.5rem;height:3.5rem;color:var(--bk-text);background:linear-gradient(135deg,#7e69ff4d,#63dff638);border-radius:1.15rem;place-items:center;display:inline-grid;box-shadow:inset 0 1px #ffffff14}.live-demo-dropzone-icon svg{width:1.35rem;height:1.35rem}.live-demo-dropzone-copy{justify-items:center;gap:.45rem;display:grid}.live-demo-dropzone-copy h3,.live-demo-controls h3{margin-top:.1rem}.live-demo-dropzone-copy p{color:var(--bk-muted);max-width:24rem}.live-demo-file-input{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.live-demo-hint{color:var(--bk-muted);font-size:.84rem}.live-demo-error{background:var(--bk-danger-surface);width:100%;color:var(--bk-danger);border:1px solid #ff78b042;border-radius:1rem;padding:.95rem 1rem}.live-demo-control-group{background:#080a165c;border:1px solid #ffffff12;border-radius:1rem;gap:.9rem;padding:1rem}.live-demo-control-row{gap:.9rem;display:grid}.live-demo-field{gap:.65rem}.live-demo-field>span{font-size:.88rem;font-weight:700;display:block}.live-demo-field input,.live-demo-field select{border:1px solid var(--bk-border);width:100%;color:var(--bk-text);background:#0c0f218a;border-radius:.8rem;padding:.75rem .85rem}.live-demo-select{display:block;position:relative}.live-demo-select:after{content:"";border-right:2px solid var(--bk-accent-cool);border-bottom:2px solid var(--bk-accent-cool);pointer-events:none;width:.7rem;height:.7rem;position:absolute;top:50%;right:1rem;transform:translateY(-62%)rotate(45deg)}.live-demo-select-trigger,.live-demo-select-option{border:1px solid var(--bk-border);width:100%;color:var(--bk-text);cursor:pointer;text-align:left;background:#0c0f218a;border-radius:.8rem;padding:.75rem .85rem}.live-demo-select-trigger{justify-content:space-between;align-items:center;gap:1rem;padding-right:2.8rem;display:flex}.live-demo-select-copy{gap:.08rem;display:grid}.live-demo-select-copy strong{font-size:.94rem}.live-demo-select-copy span{color:var(--bk-muted);font-size:.8rem}.live-demo-select-menu{z-index:20;background:linear-gradient(#14182dfa,#090b14fa),linear-gradient(135deg,#7e69ff24,#63dff614);border:1px solid #ffffff14;border-radius:1rem;gap:.35rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .4rem);left:0;right:0;box-shadow:0 24px 60px #00000057}.live-demo-select-option{border-color:#0000;justify-content:space-between;align-items:center;gap:1rem;display:flex}.live-demo-select-option:hover,.live-demo-select-option--active{background:#ffffff14;border-color:#67ecff2e}.live-demo-select-check{background:linear-gradient(135deg, var(--bk-accent), var(--bk-accent-cool));border-radius:999px;flex:0 0 .9rem;width:.9rem;height:.9rem}.live-demo-field input:focus,.live-demo-select-trigger:focus,.live-demo-select-option:focus{border-color:var(--bk-accent-cool);outline:none;box-shadow:0 0 0 3px #67ecff24}.live-demo-range-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem;display:grid}.live-demo-range-row strong{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.88rem}.live-demo-field input[type=range]{appearance:none;background:0 0;padding-inline:0}.live-demo-field input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#67ecff73,#8e6cffb3);border-radius:999px;height:.48rem}.live-demo-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bk-accent-cool);border:2px solid #04050b;border-radius:50%;width:1.15rem;height:1.15rem;margin-top:-.33rem;box-shadow:0 0 0 4px #67ecff1f}.live-demo-field input[type=range]::-moz-range-track{background:linear-gradient(90deg,#67ecff73,#8e6cffb3);border-radius:999px;height:.48rem}.live-demo-field input[type=range]::-moz-range-thumb{background:var(--bk-accent-cool);border:2px solid #04050b;border-radius:50%;width:1.15rem;height:1.15rem;box-shadow:0 0 0 4px #67ecff1f}.live-demo-inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.live-demo-field[data-disabled=true]{opacity:.42}.live-demo-field[data-disabled=true] input{cursor:not-allowed}.live-demo-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.live-demo-frame{gap:.7rem;display:grid}.live-demo-frame figcaption{justify-content:space-between;align-items:center;gap:var(--bk-space-3);color:var(--bk-muted);font-size:.88rem;display:flex}.live-demo-frame figcaption strong{color:var(--bk-text);font-size:.9rem}.live-demo-frame img{object-fit:cover;background:linear-gradient(135deg,#8e6cff2e,#67ecff1a);border:1px solid #67ecff24;border-radius:.95rem;width:100%;min-height:280px;box-shadow:inset 0 1px #ffffff0f}.live-demo-empty{text-align:center;min-height:280px;color:var(--bk-muted);background:linear-gradient(#12162edb,#0c0d1ed6);border:1px dashed #67ecff3d;border-radius:.95rem;place-items:center;gap:.55rem;padding:1.2rem;display:grid}.live-demo-empty strong{color:var(--bk-text);font-size:1rem}.live-demo-empty--loading{position:relative}.live-demo-spinner{border:2px solid #67ecff2e;border-top-color:var(--bk-accent-cool);border-radius:50%;width:2.5rem;height:2.5rem;animation:.85s linear infinite site-spin}.live-demo-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.live-demo-facts div{background:#080a1666;border:1px solid #ffffff12;border-radius:1rem;gap:.35rem;padding:.95rem 1rem;display:grid}.live-demo-facts dt{color:var(--bk-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.live-demo-facts dd{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.92rem}.live-demo-tab-list{background:#080a166b;border:1px solid #ffffff14;border-radius:999px;gap:.45rem;width:fit-content;padding:.35rem;display:inline-flex}.live-demo-tab{min-height:38px;color:var(--bk-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .95rem;font-weight:700;transition:background .14s,color .14s,transform .14s}.live-demo-tab:hover{color:var(--bk-text);transform:translateY(-1px)}.live-demo-tab--active{color:var(--bk-text);background:linear-gradient(135deg,#7e69ff47,#63dff633)}.live-demo-output-card{flex-direction:column;flex:1;min-height:0;max-height:50vh;display:flex}.live-demo-output-card pre{flex:1;min-height:0;overflow:auto}.live-demo-output-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-section--flush{margin-top:0}@supports not ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))){.site-panel,.site-card,.live-demo-card{background:linear-gradient(#141226f5,#100e1ef0),linear-gradient(135deg,#8e6cff14,#67ecff0d)}}@keyframes site-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes site-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.site-hero{grid-template-columns:minmax(0,1fr)}.live-demo-shell{grid-template-columns:1fr}}@media (width<=900px){.site-main{padding-top:calc(var(--bk-space-5) + env(safe-area-inset-top))}.site-footer-card,.live-demo-output-header,.live-demo-frame figcaption{flex-direction:column;align-items:flex-start}}@media (width<=700px){.live-demo-inline-fields,.live-demo-preview-grid,.live-demo-facts{grid-template-columns:1fr}}@media (width<=400px){.site-grid,.live-demo-shell,.live-demo-rail,.live-demo-stage{gap:.85rem}.site-title{line-height:.98}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.site-button:hover,.site-card:hover,.live-demo-card:hover,.live-demo-tab:hover{transform:none}}