.library-react-study{isolation:isolate;color:#fff;background:#030305;min-height:300px;font-family:Inter,InterTight,Arial,sans-serif;position:relative;overflow:hidden}.library-react-product-cards{background:var(--library-card-canvas);place-items:center;display:grid}.library-card-stage{width:520px;height:250px;transform:scale(var(--library-card-scale,1));transform-origin:50%;position:relative}.library-card-stack{filter:saturate(var(--library-card-saturation,1));position:absolute;inset:0;overflow:hidden}.library-card-stack:before{z-index:4;content:"";background:linear-gradient(#0000,#050302);border-radius:20px;height:50px;position:absolute;bottom:0;left:0;right:0}.library-product-card{aspect-ratio:1.586;color:#fff2c9;background:linear-gradient(var(--library-card-top),#0f0903);border-radius:12px;width:300px;transition:transform .5s;position:absolute;top:80px;left:110px;box-shadow:0 8px 16px -4px #00000040,0 4px 8px -2px #00000040,0 1px 2px #0003,inset 0 0 0 1.5px #e2b25f70,inset 0 -42px 70px #e2b25f2e}.library-product-card:hover{transition-duration:.2s}.library-product-card--front{z-index:3;transform:rotate(90deg)}.library-product-card--front:hover{transform:translateY(-20px)rotate(90deg)}.library-product-card--right{z-index:2;transform:translate(75px,60px)rotate(105deg)}.library-product-card--right:hover{transform:translate(75px,30px)rotate(110deg)}.library-product-card--left{z-index:1;transform:translate(-75px,60px)rotate(75deg)}.library-product-card--left:hover{transform:translate(-75px,30px)rotate(70deg)}.library-card-chip{background:linear-gradient(135deg,#fff1cf,#d7a85b 52%,#6f4a1f);border:1px solid #b18d4e;border-radius:7px;grid-template-columns:1fr 1fr;width:42px;height:32px;display:grid;position:absolute;top:15px;left:15px;box-shadow:inset 0 0 0 1px #ffecc280}.library-card-chip:before,.library-card-chip:after{content:"";background:#6a481ead;position:absolute}.library-card-chip:before{height:1px;top:50%;left:0;right:0}.library-card-chip:after{width:1px;top:0;bottom:0;left:49%}.library-card-chip i{border-right:1px solid #593c1a47}.library-card-contactless{align-items:center;width:20px;height:28px;display:flex;position:absolute;top:18px;left:66px}.library-card-contactless i{border-right:2px solid;border-radius:50%;width:6px;height:16px;position:absolute}.library-card-contactless i:nth-child(2){width:11px;height:21px}.library-card-contactless i:nth-child(3){width:16px;height:26px}.library-card-brand{position:absolute;bottom:15px;left:15px}.library-card-brand--wordmark{letter-spacing:-.04em;font-size:28px;font-style:italic;font-weight:900;line-height:.8}.library-card-brand--circles{width:30px;height:20px}.library-card-brand--circles i{border:2px solid;border-radius:50%;width:19px;height:19px;position:absolute;top:1px}.library-card-brand--circles i:last-child{right:0}.library-react-motion-stream{background:#030305;min-height:300px}.library-teleport-particles{z-index:1;pointer-events:none;width:100%;height:100%;opacity:var(--library-teleport-opacity,.92);position:absolute;inset:0}.library-stream-mask{z-index:2;align-items:center;animation:1s .2s both library-mask-in;display:flex;position:absolute;inset:0;overflow:hidden}.library-stream-mask--decrypted{clip-path:inset(0 50% 0 0)}.library-stream-mask--encrypted{clip-path:inset(0 0 0 50%)}.library-stream-track{width:max-content;height:240px;animation:library-stream-right var(--library-stream-speed) linear infinite;will-change:transform;align-items:center;gap:300px;display:flex;position:absolute;left:50%}.library-stream-card-shell{width:380px;height:240px;transform:scale(var(--library-stream-scale,1));transform-origin:50%;flex:0 0 380px;position:relative}.library-stream-card{color:#fff;background:#fff;border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #fff3,inset 0 -1px 24px #0000001f,inset 0 0 16px #00000014,0 0 0 1px #0003,0 1px 2px #0003,0 2px 4px #0003}.library-stream-card:after{content:"";opacity:.15;background:linear-gradient(135deg,#0000 38%,#fff6 38% 54%,#0000 54%);position:absolute;inset:0}.library-stream-card[data-variant=purple]{background:linear-gradient(155.85deg,var(--library-stream-purple) -3.09%,#a584ff 94.41%)}.library-stream-card[data-variant=light]{color:#302b42;background:linear-gradient(137.71deg,#ede7ff 3.39%,#fff 42.89%,#dfefff 85.67%)}.library-stream-card[data-variant=dark]{background-color:#20202a;background-image:linear-gradient(#0000001c 1px,#0000 1px),linear-gradient(90deg,#0000001c 1px,#0000 1px);background-size:32px 32px}.library-stream-card[data-variant=green]{color:#20202a;background:linear-gradient(155.85deg,#40ff53 -3.09%,#d1ff85 94.41%)}.library-stream-card .library-card-chip{top:20px;left:20px}.library-stream-card .library-card-contactless{inset:auto 20px 20px auto}.library-stream-card .library-card-brand{inset:20px 20px auto auto}.library-stream-card strong{z-index:2;font:600 18px/1 Roboto Mono,ui-monospace,SFMono-Regular,monospace;position:absolute;bottom:80px;left:20px}.library-stream-holder,.library-stream-expiry{z-index:2;gap:7px;font-size:15px;display:grid;position:absolute;bottom:20px}.library-stream-holder{left:20px}.library-stream-expiry{left:200px}.library-stream-card small{color:color-mix(in srgb,currentColor 72%,transparent);font-size:11px}.library-stream-card-shell--encrypted .library-stream-card{opacity:0}.library-stream-cipher{z-index:3;color:#dcd2ff99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);letter-spacing:.4em;word-break:break-all;background:#0000001a;padding:8px;font:500 .65em/1.21 Roboto Mono,ui-monospace,SFMono-Regular,monospace;position:absolute;inset:0;overflow:hidden}.library-encryption-horizon{z-index:10;opacity:0;mix-blend-mode:screen;pointer-events:none;width:140px;height:100%;animation:.75s both library-horizon-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.library-encryption-horizon:after{content:"";opacity:0;transform-origin:0;background:linear-gradient(90deg,#ffffffb8,#6432e647 20%,#6432e600);width:50px;transition:opacity .2s,transform .9s;position:absolute;top:.25px;bottom:.25px;left:50%;transform:scaleX(0)}.library-encryption-horizon i,.library-encryption-horizon b{position:absolute;inset:0}.library-encryption-horizon b{opacity:.48;background:radial-gradient(10% 100%,#fff,#fff0 40%),radial-gradient(1% 45%,#fff 60%,#4600ff00),radial-gradient(20% 50%,#fff 2%,#6432e633 50%,#6432e600);transition:opacity .3s ease-in,transform .3s ease-in}.library-encryption-horizon[data-active=true]:after{opacity:1;transform:scaleX(1)}.library-encryption-horizon[data-active=true] b{opacity:.8;transform:scaleX(1.08)}@keyframes library-stream-right{0%{transform:translate(-4270px)}to{transform:translate(-190px)}}@keyframes library-mask-in{0%{opacity:0}to{opacity:1}}@keyframes library-horizon-in{0%{opacity:0}to{opacity:1}}.library-react-cipher-quote{background:#030305;place-items:center;min-height:280px;padding:28px;display:grid}.library-react-cipher-quote blockquote{max-width:640px;color:var(--library-cipher-color,#fff);text-align:center;font:500 calc(20px * var(--library-cipher-scale,1))/1.5 Roboto Mono,ui-monospace,SFMono-Regular,monospace;letter-spacing:-.05em;margin:0}.library-cipher-character{color:#78747d}.library-react-entrance-loader{cursor:pointer;outline:none}.library-react-entrance-loader:focus-visible{box-shadow:inset 0 0 0 1px var(--library-loader-accent)}.library-loader-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.library-loader-core{width:220px;height:220px;color:var(--library-loader-accent);pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.library-loader-core pre{white-space:pre-wrap;color:#8b96ff;letter-spacing:.1em;opacity:.4;width:220px;height:220px;margin:0;font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#000 49%,#0000 50%);mask-image:radial-gradient(circle,#000 49%,#0000 50%)}.library-loader-core output{color:var(--library-loader-accent);text-align:center;letter-spacing:.1em;font:500 16px/14px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.library-react-examples{gap:24px;display:grid}@media (width<=560px){.library-card-stage{position:absolute;left:50%;transform:translate(-50%)scale(.7)}.library-stream-card-shell{transform-origin:0;flex-basis:290px;transform:scale(.76)}.library-stream-track{gap:120px}}@media (prefers-reduced-motion:reduce){.library-stream-track{animation:none}.library-product-card{transition:none}}.library-encryption-horizon i{background:radial-gradient(1% 60%,#fff 0%,#4600ff00 80%),radial-gradient(10% 60%,#fff,#4600ff1a 20%,#4600ff00),radial-gradient(8% 50%,#fff,#4600ff66 20%,#4600ff00)}.scrubber-track{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-primary);cursor:pointer;touch-action:none;outline-offset:2px;outline:none;height:40px;position:relative;overflow:hidden}.scrubber-track:focus-visible{outline:2px solid #fff3}.scrubber-track[data-disabled=true]{opacity:.35;pointer-events:none}.scrubber-fill{border-radius:var(--radius-sm);pointer-events:none;background:#ffffff0f;transition:width .15s cubic-bezier(.23,1,.32,1);position:absolute;inset:0 auto 0 0}.scrubber-track[data-dragging=true] .scrubber-fill{transition:none}.scrubber-ticks{pointer-events:none;position:absolute;inset:0}.scrubber-tick{background:var(--border-primary);border-radius:999px;width:1px;height:8px;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.scrubber-thumb-wrapper{pointer-events:none;z-index:3;margin-left:-6px;transition:left .15s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.scrubber-track[data-dragging=true] .scrubber-thumb-wrapper{transition:none}.scrubber-thumb{opacity:.15;background:#ffffffe6;border-radius:999px;width:5px;height:26px;transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .25s cubic-bezier(.23,1,.32,1);transform:scaleX(.7)scaleY(.7)}.scrubber-track[data-active=true] .scrubber-thumb{opacity:.9;transform:scaleX(1)scaleY(1)}.scrubber-label{white-space:nowrap;color:var(--text-muted);pointer-events:none;z-index:4;font-size:13px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.scrubber-value{color:var(--text-primary);font-family:var(--v-font-code);font-variant-numeric:tabular-nums;pointer-events:none;z-index:4;font-size:13px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.scrubber-track--switch{text-align:left;width:100%;font:inherit;align-items:center;padding:0;display:flex}.scrubber-switch-toggle{border:1px solid var(--border-primary);z-index:4;background:#ffffff14;border-radius:999px;width:36px;height:20px;transition:background .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.scrubber-track--switch[data-checked=true] .scrubber-switch-toggle{background:#fff3}.scrubber-switch-knob{background:#ffffff80;border-radius:999px;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.scrubber-track--switch[data-checked=true] .scrubber-switch-knob{background:#fff;transform:translate(16px)}.scrubber-track--select{text-align:left;width:100%;font:inherit;align-items:center;padding:0;display:flex}.scrubber-track--select .scrubber-value{pointer-events:none;font-family:inherit;font-weight:400;position:static;transform:none}.scrubber-select-right{z-index:4;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.scrubber-caret{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.scrubber-caret--open{transform:rotate(180deg)}.scrubber-dropdown{z-index:50;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-dropdown);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.scrubber-dropdown-item{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;transition:background .15s,color .15s;display:block}.scrubber-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.scrubber-dropdown-item--active{color:var(--text-primary)}.scrubber-track--input{cursor:default}.scrubber-input{color:var(--text-primary);font-family:var(--v-font-code);text-align:right;text-overflow:ellipsis;z-index:4;background:0 0;border:none;outline:none;padding:0 12px 0 40%;font-size:13px;position:absolute;inset:0}.scrubber-input::placeholder{color:#ffffff40}.scrubber-color-swatch{border:1px solid var(--border-primary);cursor:pointer;appearance:none;background:0 0;border-radius:6px;width:24px;height:24px;padding:0}.scrubber-color-swatch::-webkit-color-swatch-wrapper{padding:0}.scrubber-color-swatch::-webkit-color-swatch{border:none;border-radius:4px}.scrubber-color-swatch::-moz-color-swatch{border:none;border-radius:4px}.scrubber-color-text{border:1px solid var(--border-primary);width:72px;height:24px;color:var(--text-primary);font-family:var(--v-font-code);text-transform:lowercase;background:#ffffff0a;border-radius:6px;outline:none;padding:0 8px;font-size:12px}.scrubber-color-swatch-preview{border:1px solid var(--border-primary);border-radius:6px;flex-shrink:0;width:24px;height:24px}:root{--bg-body:#120f17;--bg-card:#1b1722;--bg-elevated:#1b1722;--bg-hover:#373044;--border-primary:#2f293a;--border-secondary:#2f293a;--border-subtle:#2f293a;--color-primary:#a855f7;--color-accent:#b497cf;--color-accent-muted:#b497cf;--text-primary:#fff;--text-secondary:#f5f5f5;--text-muted:#aaa;--text-dimmed:#a1a1aa;--text-link:#fff;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:50px;--shadow-dropdown:0 8px 32px #0006;--shadow-primary:0 2px 8px #5227ff66;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--gradient-title:linear-gradient(135deg, #fff 0%, #8660fa 20%, #a855f7 40%, #8400ff 60%, #a855f7 80%, #fff 100%)}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.category-wrapper{--sidebar-width:200px;--right-panel-width:300px;--content-gap:2em;width:100%;max-width:100%;padding-left:calc(var(--sidebar-width) + var(--content-gap));padding-right:calc(var(--right-panel-width) + var(--content-gap));margin:0 auto;position:relative}.main-nav{background:linear-gradient(to bottom, var(--bg-body), transparent);background:var(--bg-body);width:100%;height:75px;padding:0 2em;display:none;position:fixed;top:50px;left:0}@media (width>=768px){.main-nav{display:block}}.main-nav .nav-items{width:100%;max-width:none;height:75px;margin:0;padding:0;position:relative}.main-nav .nav-items:before{content:"";background:linear-gradient(to right, transparent, var(--border-primary), transparent);width:100%;height:1px;position:absolute;bottom:0;right:0}.category-name{color:var(--text-muted);letter-spacing:-.5px;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500}.category-page{width:100%;max-width:1080px;min-height:100vh;margin:0 auto;padding:92px 0 6em;position:relative}.right-panel{right:var(--content-gap,2em);width:var(--right-panel-width,300px);z-index:0;position:fixed;top:92px}.right-panel-inner{max-height:calc(100vh - 60px);padding-top:0;overflow-y:auto}.right-panel .right-card{background-color:var(--bg-card);border:1px solid var(--bg-elevated);border-radius:var(--radius-lg)}.category-page .main-category{text-transform:uppercase;opacity:.5;letter-spacing:-.5px;margin:0;font-size:1rem;font-weight:300}.category-page .sub-category{color:var(--text-primary);margin-bottom:.5em;font-size:3.5rem;font-weight:900;line-height:1em}.code-highlighter{border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;background:var(--bg-body)!important;text-shadow:none!important;margin:0!important;font-size:14px!important}.code-highlighter .language-bash{color:#b6b6b6!important}.code-highlighter .template-string{color:#acacac!important}.code-highlighter:has(.language-bash){padding:1.25em!important}.demo-container{background:var(--bg-body);border:1px solid var(--border-primary);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;margin-top:1em;padding:1em;display:flex}.preview-footer{justify-content:center;align-items:center;gap:1em;width:100%;margin-top:0;padding:3em 0;display:flex;position:relative}.preview-footer:before{content:"";background:linear-gradient(90deg,#0000,#271e3799,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.footer-description{color:#ffffff80;align-items:center;gap:6px;font-size:14px;display:flex}.footer-heart{color:#fff6;font-size:14px}.footer-creator-link{color:#fff9;text-decoration:none;transition:color .2s}.footer-creator-link:hover{color:#ffffffe6}.demo-container-dots{position:relative}.demo-container-dots:before{content:"";background-image:radial-gradient(circle, var(--border-secondary) 1px, transparent 1px);pointer-events:none;z-index:0;-webkit-mask-composite:source-in;background-size:20px 20px;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#0000 0%,#000 35% 55%,#0000 100%),linear-gradient(#0000 0%,#000 35% 55%,#0000 100%);mask:linear-gradient(90deg,#0000 0%,#000 35% 55%,#0000 100%),linear-gradient(#0000 0%,#000 35% 55%,#0000 100%)}.split-text-demo,.blur-text-demo{font-size:5rem;font-weight:bolder}.scrambled-text-demo{max-width:600px;color:var(--color-primary);font-size:1rem;font-weight:bolder}.star-border-demo .inner-content{padding:1em 3em;background-color:var(--bg-body)!important;border:1px solid var(--border-primary)!important}.custom-bounceCards{position:relative;top:2em}.custom-folder{margin-top:4em}.rotating-text-demo-container{white-space:pre;justify-content:center;align-items:center;font-size:clamp(2rem,6vw,6rem);display:flex}.rotating-text-demo-container .rotating-text-demo{color:var(--bg-body);background-color:var(--color-primary);border-radius:var(--radius-md);transition:width var(--transition-slow);padding:0 .4em;display:inline-block}.ballpit-demo{position:relative}.tilted-card-demo-text{font-family:var(--v-font-ui);text-transform:capitalize;border-radius:var(--radius-md);color:var(--text-primary);letter-spacing:-.5px;background:#0006;margin:2em;padding:.5rem 1em;font-weight:900;box-shadow:0 5px 30px #120f1759}.shapeblur-demo{mix-blend-mode:difference;z-index:2;position:relative}.decrypted-text{max-width:30ch;color:var(--text-primary);cursor:pointer;font-size:2rem;font-weight:400;display:inline-block}.variable-proximity-demo{cursor:pointer;text-align:center;max-width:20ch;line-height:100%;font-size:4rem!important}.shiny-text-demo{font-size:3em;font-weight:300}.shiny-button{cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-slow);background-color:#111;border:1px solid #353535;padding:.4em 1.2em}.shiny-button:hover{background-color:#222}.demo-title{margin-top:.8em;margin-bottom:.4em;font-size:1.6rem;font-weight:bolder}.demo-title span{color:var(--text-dimmed);font-size:.8rem;font-weight:500}.demo-title:first-letter{text-transform:uppercase}.demo-title-extra,.demo-title-contribute{margin:1em 0 .5em;font-size:1.4rem;font-weight:900}.preview-options>.demo-title-extra,.preview-options>:not(.scrubber){grid-column:1/-1}@media (width<=1024px){.preview-options{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.preview-options{grid-template-columns:1fr}}.demo-title-contribute{letter-spacing:-.5px;text-align:center;margin-top:2em;margin-bottom:1em;font-weight:600}.contribute-container{border:1px solid var(--border-secondary);border-radius:var(--radius-lg);text-align:center;margin-top:1em;padding:2.5em 2em}.contribute-heading{color:var(--text-primary);letter-spacing:-.3px;font-size:1.1rem;font-weight:600}.contribute-subtext{color:var(--text-muted);margin-top:.3em;font-size:14px}.contribute-link{color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-elevated);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.contribute-link:hover{border-color:var(--color-accent-muted);color:var(--text-primary)}.demo-details{gap:.3em;margin:0 0 1em;font-size:1.6rem;display:flex}.demo-details span{background-color:var(--bg-elevated);border:1px solid var(--border-primary);white-space:nowrap;color:var(--color-accent);border-radius:var(--radius-sm);transition:var(--transition-slow);padding:.5em 1em;font-size:.8rem}.demo-details span:hover{cursor:pointer;background-color:var(--border-primary)}.demo-extra-info{color:var(--text-dimmed);align-items:center;gap:.5em;margin:1em 0;display:flex}.jsrepo-info a{text-decoration:underline}.cli-divider{background:linear-gradient(to right, #2f293a00, var(--border-secondary), transparent);width:100%;height:1px;position:relative}.cli-divider:before{content:"";background-color:var(--bg-body);color:var(--text-dimmed);padding:0 1em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coming-soon a{color:var(--color-primary);text-decoration:underline}@media only screen and (width<=1000px){.right-panel{display:none}.category-wrapper{padding-right:0}}@media only screen and (width<=1100px) and (width>=1001px){.category-wrapper{padding-right:0}.right-panel{z-index:0;width:100%;margin-top:2.5em;position:static;top:auto;right:auto}.right-panel-inner{max-height:none;padding-top:0;overflow:visible}.right-panel .right-card{height:auto;min-height:300px}}@media only screen and (width<=967px){.main-nav{padding:0 1em;display:block;top:40px}.main-nav .nav-items:after{top:105px}.category-wrapper{padding-left:0;padding-right:0;position:static}.category-page{width:100%;padding:6em 0 5.5em}.category-page .sub-category.docs-category-title{width:100%;margin-left:0;margin-right:0;padding:0}.right-panel{padding:6rem 1em 0;display:none}.category-page .main-category{font-size:1rem}.category-page .sub-category{font-size:3rem}.split-text-demo,.blur-text-demo{font-size:2rem;font-weight:bolder}.decrypted-text{font-size:1rem}.variable-proximity-demo{font-size:1.6rem!important}}.custom-gradient-class{text-align:center;padding:1em 2em}.count-up-text{font-size:4rem;font-weight:700}.custom-spotlight-card{-webkit-user-select:none;user-select:none;width:350px;height:300px;background-color:var(--bg-elevated)!important;border:1px solid var(--border-secondary)!important}.scroll-stack-card-demo{color:#fff;white-space:nowrap;text-align:center;flex-direction:column;justify-content:space-between;gap:1rem;font-size:clamp(1.5rem,4vw,3rem);font-weight:900;display:flex}.scroll-stack-card-demo .stack-img-container{border:10px solid #fff;border-radius:1.5rem;justify-content:center;align-items:center;width:100%;height:100%;min-height:150px;font-size:clamp(4rem,8vw,8rem);display:flex}.scroll-stack-demo-container .scroll-stack-inner{padding:20vh 2rem 50rem}.ssc-demo-1{background-color:var(--color-primary)}.ssc-demo-2{background-color:#f01e9c}.ssc-demo-3{background-color:var(--color-primary)}.ssc-demo-4{background-color:#f01e9c}.ssc-demo-5{background-color:var(--color-primary);text-align:center;justify-content:center;align-items:center}@media only screen and (width>=1240px){.scroll-stack-card-demo{text-align:left;flex-direction:row;gap:2rem}.scroll-stack-demo-container .scroll-stack-inner{padding:20vh 5rem 50rem}.scroll-stack-card-demo .stack-img-container{width:50%;min-height:auto}.scroll-stack-card-demo h3{margin-bottom:1em}}@media only screen and (width<=480px){.main-nav{top:36px}.main-nav .nav-items:after{top:101px}.category-page{padding:6rem 0 5.5em}.scroll-stack-card-demo{gap:.5rem;padding:.2rem;font-size:1rem}.scroll-stack-card-demo .stack-img-container{border-width:5px;border-radius:1rem;min-height:120px;font-size:3rem}}.pro-card-link{margin-bottom:1em;text-decoration:none;display:block}.pro-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#a855f71f,#5227ff14);border:1px solid #a855f733;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.pro-card:hover{border-color:#a855f766;box-shadow:0 0 24px #a855f726}.pro-card-particles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pro-card-glow{pointer-events:none;background:radial-gradient(circle,#a855f733,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40%;right:-20%}.pro-card-content{flex-direction:column;gap:10px;padding:1.25em;display:flex;position:relative}.pro-card-badge{letter-spacing:.08em;color:#fff;background:var(--color-primary);border-radius:4px;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.pro-card-title{color:#fff;letter-spacing:-.5px;margin:0;font-size:17px;font-weight:700;line-height:1.2}.pro-card-desc{color:var(--color-accent-muted);letter-spacing:-.25px;margin:0;font-size:12px;line-height:1.5}.pro-card-cta{background:var(--color-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:2px;padding:10px 16px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #a855f74d}.pro-card:hover .pro-card-cta{transform:translateY(-1px);box-shadow:0 4px 20px #a855f766}.pro-card-promo{text-align:center;isolation:isolate;background:#a855f714;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;animation:2.4s ease-in-out infinite pro-card-promo-pulse;display:flex;position:relative}.pro-card-promo:before{content:"";border-radius:inherit;background:conic-gradient(from var(--pro-promo-angle,0deg), #a855f726, #c4a5ff, #ff9ffc, #c4a5ff, #a855f726);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:1px;animation:4s linear infinite pro-card-promo-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --pro-promo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes pro-card-promo-spin{to{--pro-promo-angle:360deg}}@keyframes pro-card-promo-pulse{0%,to{box-shadow:0 0 #a855f773}50%{box-shadow:0 0 0 4px #a855f700}}.pro-card-promo-tag{letter-spacing:.6px;text-transform:uppercase;color:#c4a5ff;font-size:10px;font-weight:700}.pro-card-promo-text{color:var(--color-accent-muted);letter-spacing:-.2px;font-size:11px;line-height:1.4}.pro-card-promo-code{color:#fff;letter-spacing:.4px;background:#a855f740;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11px;font-weight:700}.sc-card{flex-direction:column;gap:12px;padding:1em 1.25em;display:flex}.sc-header{justify-content:space-between;align-items:center;display:flex}.sc-title{color:#fff;letter-spacing:-.3px;font-size:13px;font-weight:700}.sc-become-link{color:var(--color-accent-muted);align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.sc-become-link:hover{color:var(--color-accent)}.sc-tier{flex-direction:column;gap:6px;display:flex}.sc-tier-label{text-transform:uppercase;letter-spacing:.05em;color:#fff3;font-size:10px;font-weight:600}.sc-tier-grid{gap:8px;display:grid}.sc-tier-diamond,.sc-tier-platinum{grid-template-columns:1fr}.sc-tier-silver{grid-template-columns:1fr 1fr}.sc-sponsor-link{text-decoration:none;display:block}.sc-sponsor{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.sc-sponsor:hover{background:#a855f70f;border-color:#a855f74d}.sc-sponsor img{object-fit:contain;width:100%;height:100%}.sc-sponsor-diamond{width:100%;height:64px;box-shadow:inset 0 0 24px #a855f714}.sc-sponsor-diamond:hover{box-shadow:inset 0 0 24px #a855f724}.sc-sponsor-diamond img{padding:10px 14px}.sc-sponsor-platinum{width:100%;height:44px}.sc-sponsor-platinum img{padding:8px 12px}.sc-sponsor-silver{width:100%;height:40px}.sc-sponsor-silver img{padding:7px 10px}.sc-reach{color:#ffffff59;text-align:center;letter-spacing:-.2px;margin-top:.5em;font-size:11px}.sidebar,.sidebar-mobile{background-color:var(--bg-body)!important}.sidebar:before{content:"";pointer-events:none;background:linear-gradient(to top, var(--bg-body), transparent);z-index:4;width:100%;height:200px;transition:opacity .3s;position:fixed;bottom:0;left:0}.sidebar.sidebar-no-fade:before{opacity:0}.sidebar{min-width:fit-content;max-width:160px;padding:92px 0 6em!important}@media only screen and (width<=967px){.sidebar{display:none}}@media only screen and (width<=480px){.sidebar{padding:4.5rem 0 6em!important}}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{display:none}.sidebar::-webkit-scrollbar-thumb{background:var(--bg-body);border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.sidebar-logo{border-bottom:none;width:100%;padding:2em calc(1em + 2px)!important}.sidebar-logo img{height:32px;position:relative}.sidebar-item{color:var(--text-link);transition:color var(--transition-base), transform var(--transition-base);align-items:center;padding:.15em 0;font-size:.85rem;display:flex;position:relative}.sidebar-item:hover{color:var(--color-accent);transform:translate(2px)}.active-sidebar-item{width:fit-content;color:var(--color-accent);transition:color var(--transition-slow);padding:.15em .15em .15em 0;position:relative}.active-sidebar-item:hover{text-decoration:none}.sidebar-item .new-tag,.sidebar-item .updated-tag{opacity:1;font-size:10px;font-weight:600;line-height:0;font-family:var(--v-font-code);text-transform:uppercase;border-radius:6px;margin-left:.6em;padding:.8em .6em;text-decoration:none!important}.sidebar-item .new-tag{color:#d8aeff;border:1px solid var(--color-primary);background-color:#a955f766}.sidebar-item .updated-tag{color:#cdcdcd;background-color:#fff3;border:1px solid #ffffff4d}.github-button{transition:var(--transition-slow);border:1px solid #0000}.github-button img{transition:filter .3s}.github-button:hover{color:var(--text-primary);border-color:#ffffff1c;background-color:var(--bg-body)!important}.github-button:hover img{filter:invert()}.cta-button-docs{background:var(--color-primary);height:40px;color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-base);background-size:200% 200%;border:none;justify-content:space-between;align-items:center;padding:0 0 0 1rem;font-size:12px;font-weight:600;display:flex}.cta-button-docs:hover{transform:translateY(-1px);box-shadow:0 4px 20px #5227ff66}.cta-button-docs:hover span img{transform:scale(1.15)}.cta-button-docs span{background-color:var(--bg-body);border-radius:50px;justify-content:center;align-items:center;width:75px;height:30px;margin-left:1em;margin-right:calc(1em - 6px);padding-top:.1em;font-size:12px;font-weight:600;display:flex}.cta-button-docs span img{width:12px;height:12px;margin-right:4px;transition:all .3s}@font-face{font-family:Inter Tight;src:url(/vendor/fonts/inter-tight-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--v-bg:#030305;--v-ink:#050509;--v-bg-elevated:#08090e;--v-surface:linear-gradient(180deg,#191c2dc2,#090a10db);--v-surface-hover:#9ca4fb17;--v-surface-strong:#9ca4fb1f;--v-frame-surface:linear-gradient(145deg,#181c31fa 0%,#08090efa 52%,#26120af5 100%);--v-frame-panel:linear-gradient(145deg,#181d3470 0%,#08090efa 48%,#2d14095c 100%);--v-line:#9ca4fb24;--v-line-strong:#8291ff33;--v-text:#fff;--v-text-2:#ffffff9e;--v-text-3:#ffffff73;--v-text-4:#ffffff47;--v-blue:#2483ff;--v-accent:#ff66f4;--v-accent-strong:#82bcff;--v-orange:#fe7b02;--v-accent-wash:#82bcff12;--v-success:#a8e6a2;--v-warning:#ffd18a;--v-radius-xs:10px;--v-radius-sm:10px;--v-radius-md:14px;--v-radius-lg:24px;--v-font-ui:"Inter Tight", system-ui, sans-serif;--v-font-code:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--header:56px;--rail:260px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--v-bg);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--v-text);background:radial-gradient(70% 60% at 50% 0%,#646aed1f,#646aed00 62%),var(--v-bg);font-family:var(--v-font-ui);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--v-accent-strong);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px;height:18px}.icon-button{width:36px;height:36px;color:var(--v-text-2);border:1px solid var(--v-line);border-radius:var(--v-radius-sm);cursor:pointer;background:#9ca4fb0d;place-items:center;padding:0;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid}.icon-button:hover{color:var(--v-text);border-color:var(--v-line-strong);background:#ffffff0e}.eyebrow{color:#ffffff8f;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:760}.app-header{z-index:30;border-bottom:1px solid var(--v-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050509ed;align-items:center;gap:24px;height:60px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.menu-button{display:none}.app-brand{color:var(--v-text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.app-brand>span:last-child{grid-template-columns:auto auto;align-items:baseline;gap:7px;display:grid}.app-brand strong{letter-spacing:0;font-size:15px;font-weight:650}.app-brand small{color:var(--v-text-3);font-size:12px}.brand-slash{color:var(--v-text-4);margin-left:11px;font-weight:400}.brand-mark{border-radius:7px;width:25px;height:25px;display:block;box-shadow:0 0 24px #ff66f42e}.app-topnav{align-items:center;gap:6px;display:flex}.app-topnav button{color:var(--v-text-3);cursor:pointer;font:11px var(--v-font-code);letter-spacing:.04em;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 12px}.app-topnav button:hover,.app-topnav button.active{color:var(--v-text);border-color:var(--v-line);background:#ffffff09}.global-search{border:1px solid var(--v-line);background:#ffffff06;border-radius:10px;align-items:center;gap:9px;width:152px;height:38px;margin-left:auto;padding:0 9px 0 12px;transition:border-color .18s,background .18s;display:flex}.global-search:focus-within{background:#82bcff12;border-color:#82bcff94}.global-search .icon{width:15px;color:var(--v-text-4)}.global-search input{min-width:0;color:var(--v-text);background:0 0;border:0;outline:0;flex:1;font-size:13px}.global-search input::placeholder{color:var(--v-text-4)}kbd{min-width:22px;color:var(--v-text-4);border:1px solid var(--v-line);font:10px var(--v-font-code);text-align:center;background:#ffffff08;border-radius:5px;padding:3px 6px}.header-actions{align-items:center;gap:9px;display:flex}.plus-button{height:36px;color:var(--v-text);border:1px solid var(--v-line-strong);border-radius:var(--v-radius-sm);cursor:pointer;background:#ffffff0b;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:650;display:flex}.plus-button .icon{width:15px;color:var(--v-accent-strong)}.plus-button b{color:var(--v-accent-strong);border-left:1px solid var(--v-line);padding-left:7px;font-size:11px}.plus-button:hover{background:var(--v-accent-wash);border-color:#82bcff61}.avatar{width:36px;height:36px;color:var(--v-text-2);border:1px solid var(--v-line);cursor:pointer;background:#ffffff0a;border-radius:50%;font-size:12px}.library-nav{z-index:20;background:0 0;flex-direction:column;width:206px;display:flex;position:fixed;top:90px;bottom:0;left:32px}.nav-main{scrollbar-width:none;min-height:0;padding:0 14px 34px 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 34px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 34px),#0000 100%)}.nav-main::-webkit-scrollbar{display:none}.nav-main button{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;width:100%;display:flex}.nav-home{height:32px;color:var(--v-text-2);border-radius:0;gap:9px;margin-bottom:26px;padding:0 0 0 15px;font-size:13px;font-weight:520;border:0!important;border-left:1px solid var(--v-line)!important;background:0 0!important}.nav-home .icon{width:15px;color:var(--v-accent-strong)}.nav-home b,.nav-category-heading b{color:var(--v-text-4);margin-left:auto;font-size:11px}.nav-label{color:var(--v-text-3);letter-spacing:0;text-transform:none;margin:0 0 10px;font-size:14px;font-weight:520}.nav-category-group{margin-top:24px}.nav-category-heading{min-height:30px;color:var(--v-text-3);border-radius:0;padding:0 9px 0 15px;font-size:14px;font-weight:520;border-left:1px solid var(--v-line)!important}.nav-category-heading:hover,.nav-category-heading.active{color:var(--v-text);background:0 0}.nav-category-heading.active{box-shadow:inset 2px 0 var(--v-blue)}.nav-study{min-height:34px;color:var(--v-text-3);border-radius:0;gap:9px;padding:0 9px 0 15px;font-size:12.5px;border-left:1px solid var(--v-line)!important}.nav-study>i{background:var(--study-accent);opacity:.7;border-radius:2px;flex:none;width:6px;height:6px}.nav-study>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-study .icon{width:12px;color:var(--v-text-4)}.nav-study:hover,.nav-study.active{color:var(--v-text);background:0 0}.nav-foot{border-top:1px solid var(--v-line);gap:10px;margin:auto 12px 14px;padding:13px 10px;display:flex}.nav-foot .icon{width:16px;color:var(--v-accent-strong);flex:none}.nav-foot div{gap:4px;display:grid}.nav-foot strong{font-size:11px}.nav-foot span{color:var(--v-text-3);font-size:11px;line-height:1.45}.nav-scrim{display:none}.page{width:min(1240px,100% - 52px);margin:0 auto;padding:38px 0 48px}.library-intro{border-bottom:1px solid var(--v-line);grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:end;gap:52px;margin-bottom:34px;padding:8px 0 30px;display:grid}.library-intro h1{letter-spacing:-.065em;max-width:820px;margin:18px 0 0;font-size:clamp(58px,7vw,108px);font-weight:760;line-height:.88}.library-intro p{max-width:470px;color:var(--v-text-2);margin:0 0 3px;font-size:15px;line-height:1.65}.index-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.filter-chips{flex-wrap:wrap;gap:7px;display:flex}.filter-chips button{height:34px;color:var(--v-text-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.filter-chips button span{color:var(--v-text-4);font:10px var(--v-font-code)}.filter-chips button:hover{color:var(--v-text);background:#ffffff0a}.filter-chips button.active{color:var(--v-text);border-color:var(--v-line-strong);background:#ffffff0e}.result-count{color:var(--v-text-4);font-size:12px}.component-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.component-card{background:linear-gradient(#131521d6,#08090ef0);border:1px solid #ffffff1a;border-radius:24px;min-width:0;transition:transform .2s,border-color .2s,background .2s;overflow:hidden;box-shadow:0 28px 80px #0003}.component-card:hover{border-color:var(--v-line-strong);background:linear-gradient(#1b1e30e6,#08090ef5);transform:translateY(-3px)}.component-card-main{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.mini-preview{border-bottom:1px solid var(--v-line);background:#090a10;height:250px;position:relative;overflow:hidden}.mini-preview:before{z-index:1;pointer-events:none;content:"";background:linear-gradient(#07080a61,#0000 25% 70%,#07080a47);position:absolute;inset:0}.source-rebuild-frame{background:var(--bg-body);border:0;width:100%;height:100%;display:block}.mini-preview .source-rebuild-frame{pointer-events:auto;position:absolute;inset:0}.preview-topline{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.preview-topline>span:last-child{color:#ffffffad;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07080a94;border:1px solid #ffffff24;border-radius:999px;padding:5px 8px;font-size:11px}.access-badge{width:max-content;color:var(--v-text-2);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07080ab3;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:650;display:inline-flex}.access-badge .icon{width:12px;height:12px}.access-badge.free .icon{color:var(--v-success)}.access-badge.plus{color:#eeeaff;background:#1f1b39bf;border-color:#a99cff4d}.access-badge.plus .icon{color:var(--v-accent-strong)}.preview-lock{z-index:3;background:linear-gradient(#0000,#07080ad1);justify-content:center;padding:30px 15px 15px;display:flex;position:absolute;inset:auto 0 0}.preview-lock span{color:#ffffffb8;align-items:center;gap:6px;font-size:11px;display:flex}.preview-lock .icon{width:13px}.card-copy{min-height:172px;padding:19px;position:relative}.card-copy h2{letter-spacing:-.032em;margin:7px 0 9px;font-size:23px;font-weight:650}.card-copy p{max-width:340px;color:var(--v-text-3);margin:0 0 22px;font-size:13px;line-height:1.52}.card-open{color:var(--v-text-2);align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.card-open .icon{width:14px;transition:transform .18s}.component-card:hover .card-open{color:var(--v-text)}.component-card:hover .card-open .icon{transform:translate(3px)}.clean-study-badge{min-height:42px;color:var(--v-success);border-top:1px solid var(--v-line);align-items:center;gap:7px;padding:0 20px;font-size:10px;font-weight:650;display:flex}.clean-study-badge .icon{width:13px}.empty-state{text-align:center;align-content:center;place-items:center;min-height:400px;display:grid}.empty-state>.icon{width:24px;height:24px;color:var(--v-text-4)}.empty-state h2{margin:15px 0 5px}.empty-state p{color:var(--v-text-3);margin:0 0 18px}.empty-state button{color:var(--v-text);border:1px solid var(--v-line-strong);border-radius:var(--v-radius-sm);background:var(--v-surface);cursor:pointer;padding:9px 14px}.library-principles{border-top:1px solid var(--v-line);border-bottom:1px solid var(--v-line);grid-template-columns:1fr 1fr auto;align-items:center;gap:40px;margin-top:52px;padding:28px 0;display:grid}.library-principles>div{align-items:center;gap:13px;display:flex}.library-principles>div .icon{color:var(--v-accent-strong)}.library-principles h2{letter-spacing:-.02em;margin:0;font-size:18px}.library-principles p{color:var(--v-text-3);margin:0;font-size:12px;line-height:1.55}.library-principles a{color:var(--v-text-2);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:650;text-decoration:none;display:flex}.library-principles a .icon{width:14px}.library-footer{color:var(--v-text-4);align-items:center;gap:18px;padding:22px 0 0;font-size:11px;display:flex}.library-footer strong{color:var(--v-text-2)}.library-footer span:nth-child(2){margin-right:auto}.detail-page{width:auto;margin:0 32px 0 24px;padding:35px 0 99px;position:relative}.detail-topbar{display:none}.back-link{color:var(--v-text-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:7px 9px 7px 4px;font-size:12px;display:flex}.back-link .icon{width:15px}.detail-topbar>span{border-left:1px solid var(--v-line);font:10px var(--v-font-code);padding-left:15px}.detail-clean-state{color:var(--v-success);align-items:center;gap:6px;margin-left:auto;display:flex;border-left:0!important}.detail-clean-state .icon{width:12px}.detail-heading .eyebrow,.detail-heading p,.detail-heading>.access-badge{display:none}.detail-heading h1{letter-spacing:-.045em;margin:0;font-size:56px;font-weight:620;line-height:1}.detail-heading p{max-width:680px;color:var(--v-text-3);margin:0;font-size:13px;line-height:1.55}.workspace-actions{justify-content:space-between;align-items:center;gap:16px;width:calc(100% - 322px);min-height:42px;margin-bottom:14px;display:flex}.workspace-tabs,.workspace-utilities{align-items:center;gap:8px;display:flex}.workspace-tabs button,.workspace-utilities button{height:38px;color:var(--v-text-3);border:1px solid var(--v-line);cursor:pointer;background:#ffffff06;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:520;display:flex}.workspace-tabs button .icon,.workspace-utilities button .icon{width:14px}.workspace-tabs button:hover,.workspace-utilities button:hover{color:var(--v-text);border-color:var(--v-line-strong);background:#ffffff0d}.workspace-tabs button.active{color:var(--v-text);background:var(--v-accent-wash);box-shadow:inset 0 -2px var(--v-blue);border-color:#82bcff57}.workspace-utilities button.favorite-active .icon{fill:currentColor}.workspace-utilities .download-button{color:#050509;border-color:var(--v-accent-strong);background:var(--v-accent-strong);font-weight:650}.workspace-utilities .download-button:hover{color:#050509;background:#a9d1ff}.preview-panel,.editor-panel,.inspector-panel,.locked-workbench{border:1px solid var(--v-line);background:#0c0d14f0;border-radius:12px;min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.preview-panel,.editor-panel{height:650px}.editor-toolbar{border-bottom:1px solid var(--v-line);background:#0c0d14f5;justify-content:space-between;align-items:center;gap:12px;height:49px;padding:0 12px;display:flex}.panel-kicker{color:var(--v-text-2);font-size:11px;font-weight:650}.preview-canvas{background:var(--v-frame-panel);place-items:center;height:100%;padding:0;display:grid;position:relative;overflow:hidden}.preview-viewport{background:#050509;border:0;border-radius:0;width:100%;height:100%;overflow:hidden}.preview-refresh{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08090eb8;width:38px;height:38px;position:absolute;top:12px;right:12px}.editor-toolbar{background:linear-gradient(145deg,#181d3470,#08090efa 68%);padding:0 9px 0 13px}.editor-identity,.editor-actions{align-items:center;gap:7px;display:flex}.autosave-state{min-width:154px;color:var(--v-text-3);align-items:center;gap:8px;margin-left:auto;display:flex}.autosave-state>span:last-child{gap:1px;display:grid}.autosave-state b{color:var(--v-text-2);font-size:10px;font-weight:650}.autosave-state small{color:var(--v-text-4);font-size:8px}.autosave-progress{background:#ffffff17;border-radius:99px;width:38px;height:3px;position:relative;overflow:hidden}.autosave-progress i{border-radius:inherit;background:var(--v-success);transform-origin:0;position:absolute;inset:0;transform:scaleX(1)}.autosave-progress.saving i{background:var(--v-accent-strong);animation:.45s ease-in-out infinite autosave-progress}@keyframes autosave-progress{0%{transform:translate(-100%)scaleX(.45)}60%{transform:translate(35%)scaleX(.7)}to{transform:translate(110%)scaleX(.35)}}.editor-identity strong{color:var(--v-text-2);font:10px var(--v-font-code);letter-spacing:.025em;text-transform:uppercase}.terminal-prompt{color:var(--v-accent-strong);font:700 13px var(--v-font-code)}.editor-identity i{color:var(--v-success);font:700 8px var(--v-font-code);letter-spacing:.08em;text-transform:uppercase;background:#7bdcb10f;border:1px solid #7bdcb133;border-radius:999px;padding:3px 6px}.editor-toolbar .icon-button{width:29px;height:29px}.editor-toolbar .icon-button .icon{width:14px}.run-button{height:30px;color:var(--v-text-2);border:1px solid var(--v-line);cursor:pointer;background:#ffffff09;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:650;display:flex}.run-button .icon{width:13px}.run-button{color:#0c0d10;border-color:var(--v-accent-strong);background:var(--v-accent-strong)}.run-button:hover{background:#d4ceff}.editor-folder{height:25px;color:var(--v-text-4);font:9px var(--v-font-code);background:#080b12;border-bottom:1px solid #ffffff0e;align-items:center;gap:7px;padding:0 13px;display:flex}.editor-folder span{color:var(--v-accent-strong)}.editor-files{scrollbar-width:none;background:#0a0d16;border-bottom:1px solid #ffffff12;flex:none;align-items:end;gap:2px;height:36px;padding:0 9px;display:flex;overflow-x:auto}.editor-files::-webkit-scrollbar{display:none}.editor-files button{height:35px;color:var(--v-text-4);cursor:pointer;font:10px var(--v-font-code);background:0 0;border:0;align-items:center;gap:7px;padding:0 11px;display:flex;position:relative}.editor-files button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:9px;right:9px}.editor-files button:hover{color:var(--v-text-2)}.editor-files button.active{color:var(--v-text);background:#ffffff06}.editor-files button.active:after{background:var(--v-accent-strong)}.editor-files button span{color:var(--v-accent-strong);font-weight:700}.editor-files button b{color:var(--v-text-4);font:8px var(--v-font-code);background:#ffffff0a;border-radius:4px;margin-left:3px;padding:2px 5px}.code-editor{background:radial-gradient(circle at 0 0,#2483ff1a,#0000 34%),linear-gradient(#ffffff06,#0000),#0a0d16;grid-template-columns:48px minmax(0,1fr);height:calc(100% - 122px);display:grid}.line-numbers{color:#9faedc6b;font:12.5px/1.65 var(--v-font-code);text-align:right;-webkit-user-select:none;user-select:none;background:#ffffff06;border-right:1px solid #ffffff12;padding:14px 8px 40px 0;overflow:hidden}.line-numbers span{display:block}.code-layer{min-width:0;position:relative;overflow:hidden}.highlight-code,.code-layer textarea{white-space:pre;tab-size:2;width:100%;height:100%;font:12.5px/1.65 var(--v-font-code);border:0;margin:0;padding:14px 16px 40px;position:absolute;inset:0;overflow:auto}.highlight-code{color:#e8eeffd6;pointer-events:none;background:0 0}.code-layer textarea{z-index:2;color:#0000;caret-color:#fff;resize:none;-webkit-text-fill-color:#ffffff03;background:0 0;outline:0}.code-layer textarea::selection{color:#0000;-webkit-text-fill-color:#ffffff05;background:#ff66f457}.tok-comment{color:#9daacd7a;font-style:italic}.tok-tag{color:#7ea2ff}.tok-attr{color:#ffd18a}.tok-string{color:#a8e6a2}.tok-keyword,.tok-selector{color:#ff9db2}.tok-property{color:#7ea2ff}.tok-number{color:#ffd18a}.tok-plain{color:#e8eeffd6}.editor-status{height:37px;color:var(--v-text-4);border-top:1px solid var(--v-line);background:#0b0d10;align-items:center;gap:12px;padding:0 12px;font-size:10px;display:flex}.editor-status span{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.editor-status span i{background:var(--v-success);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 10px #7bdcb18c}.editor-status b{color:#f3c66dad;white-space:nowrap;font-weight:550}.editor-loading{height:calc(100% - 86px);color:var(--v-text-4);align-content:center;place-items:center;gap:8px;display:grid}.editor-loading span{background:#ffffff0d;border-radius:4px;width:62%;height:7px}.editor-loading span:nth-child(2){width:47%}.editor-loading span:nth-child(3){width:55%}.editor-loading p{margin:12px 0 0;font-size:11px}.right-rail{flex-direction:column;gap:16px;width:298px;display:flex;position:absolute;top:35px;right:0}.pro-card{min-height:232px;color:var(--v-text);cursor:pointer;text-align:left;background:radial-gradient(220px 170px at 89% 0,#2483ff3d,#0000 72%),linear-gradient(145deg,#181c31fa,#08090efa);border:1px solid #82bcff33;border-radius:14px;padding:20px;box-shadow:0 0 35px #2483ff12,inset 0 1px #ffffff0a}.pro-badge{color:#050509;background:linear-gradient(135deg,var(--v-accent-strong),var(--v-accent));height:21px;font:700 10px var(--v-font-code);border-radius:4px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.pro-card h3{margin:11px 0 8px;font-size:17px}.pro-card p{color:var(--v-text-3);margin:0 0 13px;font-size:12.5px;line-height:1.55}.pro-card strong{color:#050509;background:var(--v-accent-strong);border-radius:8px;justify-content:center;align-items:center;gap:6px;height:40px;font-size:13px;display:flex}.pro-card small{height:31px;color:var(--v-text-3);border:1px solid var(--v-line-strong);border-radius:8px;justify-content:center;align-items:center;margin-top:9px;font-size:10px;display:flex}.sponsor-card{border:1px solid var(--v-line);background:#0c0d14f0;border-radius:14px;padding:19px 20px 20px}.sponsor-heading{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;display:flex}.sponsor-heading span{color:var(--v-text-4);font-size:10px}.sponsor-card label{color:var(--v-text-4);font:600 9px var(--v-font-code);letter-spacing:.08em;margin:0 0 8px;display:block}.rail-feature{border:1px solid var(--v-line);background:#9ca4fb0b;border-radius:8px;align-items:center;gap:11px;min-height:64px;margin-bottom:8px;padding:10px 12px;display:flex}.rail-feature>.icon{width:18px;color:var(--v-accent-strong)}.rail-feature>span{gap:3px;display:grid}.rail-feature b{font-size:12px}.rail-feature small{color:var(--v-text-4);font-size:10px}.rail-feature.compact{min-height:42px;margin-bottom:0}.customize-section>h2{letter-spacing:-.035em;margin:7px 0 16px;font-size:32px;font-weight:600}.customize-section .inspector-panel{width:100%;height:auto;min-height:390px;position:static}.customize-section .inspector-body{height:auto;min-height:340px}.inspector-tabs{border-bottom:1px solid var(--v-line);background:#0b0d10;grid-template-columns:repeat(3,1fr);height:49px;display:grid}.inspector-tabs button{color:var(--v-text-4);border:0;border-right:1px solid var(--v-line);cursor:pointer;background:0 0;align-content:center;place-items:center;gap:2px;padding:0;font-size:9px;display:grid}.inspector-tabs button:last-child{border-right:0}.inspector-tabs button .icon{width:14px}.inspector-tabs button:hover,.inspector-tabs button.active{color:var(--v-text);background:#ffffff0a}.inspector-tabs button.active .icon{color:var(--v-accent-strong)}.inspector-body{height:calc(100% - 49px);padding:18px;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.panel-heading span{color:var(--v-text-2);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.panel-heading small{color:var(--v-text-4);font-size:9px}.parameter{gap:10px;margin-bottom:21px;display:grid}.parameter>span:first-child{color:var(--v-text-3);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.parameter b{color:var(--v-text-2);font:10px var(--v-font-code)}.parameter input[type=range]{width:100%;height:3px;accent-color:var(--v-accent);cursor:pointer}.color-input{border:1px solid var(--v-line);background:#ffffff06;border-radius:8px;align-items:center;gap:9px;height:39px;padding:0 9px;display:flex}.color-input input{cursor:pointer;background:0 0;border:0;border-radius:5px;width:25px;height:25px;padding:0}.color-input code{color:var(--v-text-3);font:10px var(--v-font-code)}.asset-slot{gap:12px;display:grid}.asset-preview{height:120px;color:var(--v-text-4);border:1px dashed var(--v-line-strong);background:#ffffff05;border-radius:9px;place-items:center;display:grid;overflow:hidden}.asset-preview img{object-fit:cover;width:100%;height:100%}.asset-slot>div:nth-child(2){gap:6px;display:grid}.asset-slot strong{font-size:12px}.asset-slot span{color:var(--v-text-4);font-size:10px}.asset-slot button{width:max-content;color:var(--v-text-2);border:1px solid var(--v-line);cursor:pointer;background:#ffffff09;border-radius:7px;align-items:center;gap:6px;margin-top:5px;padding:8px 10px;font-size:10px;display:flex}.asset-slot button .icon{width:13px}.asset-slot .text-button{color:var(--v-text-4);background:0 0;border:0;margin-top:0;padding:2px 0}.privacy-note{color:var(--v-text-4);margin:20px 0 0;font-size:10px;line-height:1.5}.asset-error{color:#ffc0c9;background:#ff7f9d12;border:1px solid #ff7f9d3d;border-radius:7px;margin:12px 0 0;padding:9px 10px;font-size:10px}.quiet-state{text-align:center;align-content:center;place-items:center;min-height:170px;display:grid}.quiet-state .icon{color:var(--v-text-4)}.quiet-state strong{margin:12px 0 4px;font-size:12px}.quiet-state span{color:var(--v-text-4);font-size:10px}.origin-card{border:1px solid var(--v-line);background:#ffffff06;border-radius:10px;padding:14px}.origin-card>span{color:var(--v-text-4);font-size:10px}.origin-card>strong{margin:5px 0 8px;font-size:15px;display:block}.origin-card p{color:var(--v-text-3);margin:0 0 12px;font-size:10px;line-height:1.5}.clean-standard{color:var(--v-success);align-items:center;gap:7px;font-size:10px;font-weight:650;display:flex}.clean-standard .icon{width:13px}.about-stack .panel-heading{margin-top:24px}.about-stack ol{counter-reset:anatomy;gap:0;margin:0;padding:0;list-style:none;display:grid}.about-stack li{color:var(--v-text-3);border-bottom:1px solid var(--v-line);padding:10px 0;font-size:11px}.about-stack li:before{color:var(--v-text-4);counter-increment:anatomy;content:"0" counter(anatomy);font:9px var(--v-font-code);margin-right:8px}.locked-workbench{text-align:center;align-content:center;place-items:center;height:650px;padding:38px;display:grid}.locked-icon{width:48px;height:48px;color:var(--v-accent-strong);background:var(--v-accent-wash);border:1px solid #a99cff4d;border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.locked-workbench h2{letter-spacing:-.035em;max-width:330px;margin:10px 0 8px;font-size:25px}.locked-workbench p{max-width:390px;color:var(--v-text-3);margin:0 0 20px;font-size:12px;line-height:1.55}.locked-workbench>button{color:#0b0c0e;background:var(--v-accent-strong);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:700;display:flex}.locked-workbench>button .icon{width:14px}.locked-workbench small{max-width:360px;color:var(--v-text-4);margin-top:17px;font-size:9px;line-height:1.5}.learning-section{border-top:1px solid var(--v-line);grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:70px;margin-top:64px;padding-top:34px;display:grid}.learning-title h2{letter-spacing:-.04em;margin:8px 0 10px;font-size:31px}.learning-title p{max-width:450px;color:var(--v-text-3);margin:0;font-size:13px;line-height:1.55}.learning-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.learning-grid article{border-top:1px solid var(--v-line-strong);background:#ffffff05;min-height:150px;padding:17px}.learning-grid span{color:var(--v-accent-strong);font:10px var(--v-font-code)}.learning-grid p{color:var(--v-text-2);margin:35px 0 0;font-size:12px;line-height:1.5}.rights-note{border-top:1px solid var(--v-line);border-bottom:1px solid var(--v-line);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:50px;padding:22px 0;display:grid}.rights-note>.icon{color:var(--v-success)}.rights-note strong{font-size:12px}.rights-note p{color:var(--v-text-4);margin:4px 0 0;font-size:11px}.rights-status{color:var(--v-success);font:650 10px var(--v-font-code);white-space:nowrap}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020304c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.plus-modal{background:#111318;border:1px solid #a99cff42;border-radius:20px;width:min(470px,100%);padding:34px;position:relative;box-shadow:0 32px 100px #0000008c}.modal-close{position:absolute;top:14px;right:14px}.modal-mark{width:42px;height:42px;color:var(--v-accent-strong);background:var(--v-accent-wash);border:1px solid #a99cff4d;border-radius:12px;place-items:center;margin-bottom:20px;display:grid}.plus-modal h2{letter-spacing:-.045em;margin:9px 0 10px;font-size:32px}.plus-modal>p{color:var(--v-text-3);margin:0;font-size:13px;line-height:1.55}.plus-modal ul{gap:11px;margin:24px 0;padding:0;list-style:none;display:grid}.plus-modal li{color:var(--v-text-2);align-items:center;gap:9px;font-size:12px;display:flex}.plus-modal li .icon{width:14px;color:var(--v-success)}.modal-primary{color:#0a0b0d;background:var(--v-accent-strong);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:43px;font-size:12px;font-weight:720;display:flex}.modal-primary .icon{width:15px}.plus-modal>small{color:var(--v-text-4);text-align:center;margin-top:12px;font-size:9px;line-height:1.5;display:block}@media (width<=1320px){.mini-preview{height:240px}}@media (width<=1180px){.detail-heading,.workspace-actions,.workbench-grid,.customize-section{width:100%}.right-rail{display:none}}@media (width<=980px){:root{--rail:0px}.menu-button{display:grid}.app-brand{min-width:140px}.app-topnav{display:none}.library-nav{background:#08090e;width:260px;padding:24px;transition:transform .2s;top:60px;left:0;transform:translate(-100%);box-shadow:28px 0 80px #00000080}.library-nav.open{transform:none}.nav-scrim{z-index:15;inset:var(--header) 0 0;background:#0000009e;border:0;display:block;position:fixed}.content-shell{margin-left:0}.page{width:min(900px,100% - 34px)}.detail-page{width:auto;margin:0 23px}.workbench-grid{grid-template-columns:minmax(0,1fr) 260px}.library-intro{grid-template-columns:1fr;gap:20px}.library-intro h1{font-size:clamp(40px,7vw,62px)}.library-intro p{max-width:650px}.library-principles{grid-template-columns:1fr 1fr}.library-principles a{grid-column:2}.component-index{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){:root{--header:58px}.app-header{gap:9px;padding:0 11px}.app-brand{min-width:0}.app-brand small,.global-search,.plus-button span,.plus-button b{display:none}.header-actions{margin-left:auto}.plus-button{justify-content:center;width:36px;padding:0}.page{width:calc(100% - 24px);padding:27px 0 38px}.library-intro{margin-bottom:20px;padding-bottom:22px}.library-intro h1{font-size:39px}.library-intro p{font-size:13px}.index-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.component-index{grid-template-columns:1fr}.mini-preview{height:250px}.card-copy{min-height:152px}.library-principles{grid-template-columns:1fr;gap:17px;margin-top:36px}.library-principles a{grid-column:auto}.library-footer{flex-direction:column;align-items:flex-start;gap:7px}.detail-clean-state{display:none}.detail-heading{flex-direction:column;align-items:flex-start;margin-top:12px}.detail-heading h1{font-size:39px}.workspace-actions{flex-direction:column;align-items:stretch}.workspace-tabs button{flex:1;justify-content:center}.workspace-utilities{justify-content:flex-end}.workbench-grid{flex-direction:column;display:flex}.preview-panel{height:500px}.editor-panel,.locked-workbench{height:560px}.inspector-panel{height:auto;min-height:420px}.preview-canvas{padding:14px}.editor-toolbar{flex-wrap:wrap;height:auto;min-height:49px;padding:8px}.editor-identity strong{display:none}.editor-files{scrollbar-width:none;overflow-x:auto}.editor-files::-webkit-scrollbar{display:none}.code-editor{grid-template-columns:34px minmax(0,1fr);height:calc(100% - 134px)}.line-numbers{padding-right:6px;font-size:10px}.highlight-code,.code-layer textarea{padding-left:12px;padding-right:12px;font-size:10px}.editor-status{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;height:49px}.editor-status b{text-overflow:ellipsis;max-width:100%;overflow:hidden}.learning-section{grid-template-columns:1fr;gap:26px;margin-top:46px}.learning-grid{grid-template-columns:1fr}.learning-grid article{min-height:110px}.learning-grid p{margin-top:22px}.rights-note{grid-template-columns:auto 1fr;align-items:start}.rights-status{grid-column:2}.plus-modal{padding:28px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--bg-body:var(--v-bg);--bg-card:#0c0d14f0;--bg-elevated:#9ca4fb14;--bg-hover:#9ca4fb1f;--border-primary:var(--v-line);--border-secondary:var(--v-line-strong);--color-primary:var(--v-blue);--color-accent:var(--v-accent-strong);--text-primary:var(--v-text);--text-muted:var(--v-text-2);--radius-sm:10px;--radius-md:12px;--radius-lg:16px}body{background:radial-gradient(760px 520px at 77% -220px,#2483ff1a,transparent 70%),var(--bg-body);font-family:var(--v-font-ui)}.app-header{border:0;border-bottom:1px solid var(--border-primary);background:var(--bg-body);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;gap:8px;width:100%;max-width:none;height:60px;margin:0;padding:0 32px;top:0;left:0;right:0}.app-brand{gap:8px}.brand-mark{width:21px;height:21px;box-shadow:none;border-radius:0}.app-brand strong{font-size:13px;font-weight:500}.app-brand small{display:none}.brand-slash{color:var(--text-primary);margin:0 8px 0 10px;font-size:18px;font-weight:300}.app-topnav{gap:8px}.app-topnav button{color:var(--text-primary);font:500 13px var(--v-font-code);letter-spacing:.04em;border-radius:12px;padding:6px 10px}.app-topnav button:hover,.app-topnav button.active{color:#fff;background:#120f1773;border-color:#ffffff14;box-shadow:0 2px 16px #0003,inset 0 .5px #ffffff0f}.global-search{background:var(--bg-body);border-radius:50px;height:40px}.plus-button{background:#120f1773;border-radius:10px;height:36px}.library-nav{background:var(--bg-body);width:160px;padding:92px 0 96px;top:0;bottom:0;left:32px}.library-nav.sidebar{min-width:fit-content;max-width:160px}.nav-main{padding:0}.nav-label{color:var(--text-muted);letter-spacing:-.5px;margin:0 0 8px;font-size:14px;font-weight:500}.nav-home{display:none!important}.nav-filter,.nav-study{min-height:30px;color:var(--text-primary);padding:2px 0 2px 16px;font-size:13.6px;border-left:1px solid var(--border-primary)!important}.nav-filter.active:before{background:var(--color-accent);width:2px;height:16px;box-shadow:none;border-radius:1px;margin:0 8px 0 -17px}.nav-study>i{display:none}.nav-study.active{color:var(--color-accent);box-shadow:inset 2px 0 var(--color-accent)}.content-shell{min-height:100vh;margin-left:0;padding-top:0}.content-shell.category-wrapper{width:calc(100% - 64px);margin:0 32px;padding:0 332px 0 232px}.detail-page,.index-page{width:100%;max-width:1080px;min-height:100vh;margin:0 auto;padding:92px 0 96px;position:relative}.detail-heading{width:100%;margin:0 0 16px;display:block}.detail-heading .eyebrow{display:none}.detail-heading h1{color:var(--text-primary);letter-spacing:-.045em;margin:0 0 28px;font-size:56px;font-weight:900;line-height:1}.detail-heading p,.detail-heading>.access-badge{display:none}.workspace-actions{width:100%;min-height:40px;margin:0}.workspace-tabs,.workspace-utilities{gap:8px}.workspace-tabs button,.workspace-utilities button{color:#fff;border:1px solid var(--border-secondary);background:0 0;border-radius:10px;height:40px;padding:0 16px;font-size:14px;font-weight:400}.workspace-tabs button.active{color:var(--color-accent);border-color:var(--border-secondary);background:var(--bg-elevated);box-shadow:none}.workspace-utilities button.favorite-active{color:var(--v-accent);background:#ff66f41a;border-color:#ff66f440}.workbench-grid{width:100%;display:block}.preview-panel,.editor-panel,.locked-workbench{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-body);height:500px;box-shadow:none;margin-top:16px;padding:0}.preview-panel{background:0 0}.preview-canvas{background:0 0;border-radius:0;width:100%;height:100%;padding:0}.preview-viewport{background:0 0;height:100%}.preview-refresh{top:12px;right:12px}.editor-panel{padding:0}.index-content-head{align-items:flex-start;gap:28px;min-height:98px;display:flex}.index-content-head h1{color:var(--text-primary);letter-spacing:-.045em;margin:-4px 0 0;font-size:56px;font-weight:900;line-height:1}.index-filters{align-items:center;gap:9px;margin-left:auto;display:flex}.index-filter-search,.index-category-select{height:38px;color:var(--text-muted);border:1px solid var(--border-primary);background:var(--bg-body);border-radius:9px;align-items:center;display:flex}.index-filter-search{gap:9px;width:148px;padding:0 11px}.index-filter-search .icon{width:15px}.index-filter-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:13px}.index-category-select{width:180px;position:relative}.index-category-select:after{color:var(--text-muted);content:"⌄";pointer-events:none;position:absolute;top:8px;right:13px}.index-category-select select{width:100%;height:100%;color:var(--text-primary);appearance:none;background:0 0;border:0;outline:0;padding:0 34px 0 14px;font-size:13px}.index-category-select option{background:var(--bg-card)}.index-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:16px;display:grid}.index-component-card{border:1px solid var(--border-primary);background:var(--bg-card);border-radius:12px;min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.index-component-card:hover{border-color:var(--border-secondary);background:var(--bg-card);transform:translateY(-2px)}.index-component-card .mini-preview{background:var(--bg-body);border:0;border-radius:8px;height:190px;margin:7px 7px 0}.index-component-card .mini-preview:before{display:none}.index-component-card .preview-topline{top:8px;left:8px;right:8px}.index-access{color:#050509;background:var(--color-accent);height:19px;font:700 9px var(--v-font-code);border-radius:5px;align-items:center;padding:0 7px;display:inline-flex}.index-access.plus{color:#050509;background:var(--v-accent-strong)}.index-favorite{width:28px;height:28px;color:var(--text-muted);border:1px solid var(--border-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0303059e;border-radius:50%;place-items:center;display:grid}.index-favorite .icon{width:14px}.index-component-card .card-copy{min-height:61px;padding:11px 13px 12px}.index-component-card .card-copy h3{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:400;line-height:1.4}.index-component-card .card-copy p{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.index-component-card .card-copy p span{color:var(--text-primary);opacity:.62;font-size:11px;transition:opacity .18s,transform .18s}.index-component-card .component-card-main:hover .card-copy p span,.index-component-card .component-card-main:focus-visible .card-copy p span{opacity:1;transform:translate(2px)}.right-rail{gap:16px;width:300px;position:fixed;top:92px;right:32px}.pro-card,.sponsor-card{border-radius:var(--radius-lg)}.customize-section{border-top:0;width:100%;margin-top:0;padding-top:0}.preview-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preview-options>.demo-title-extra,.preview-options>.asset-control{grid-column:1/-1}.demo-title-extra{color:var(--text-primary);margin:16px 0 8px;font-size:22px;font-weight:900}.scrubber{-webkit-user-select:none;user-select:none;width:100%;position:relative}.scrubber-track{border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-elevated);cursor:pointer;touch-action:none;height:40px;display:block;position:relative;overflow:hidden}.scrubber-fill{border-radius:var(--radius-sm);pointer-events:none;background:#ffffff0f;position:absolute;inset:0 auto 0 0}.scrubber input[type=range]{z-index:5;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.scrubber-label{z-index:4;color:var(--text-muted);pointer-events:none;font-size:13px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.scrubber-value{z-index:4;color:var(--text-primary);font:500 13px var(--v-font-code);font-variant-numeric:tabular-nums;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.scrubber-track--color{cursor:default}.scrubber-color-controls{z-index:4;align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.scrubber-color-swatch{border:1px solid var(--border-primary);background:0 0;border-radius:6px;width:24px;height:24px;padding:0}.scrubber-color-text{width:72px;height:24px;color:var(--text-primary);border:1px solid var(--border-primary);font:12px var(--v-font-code);background:#ffffff0a;border-radius:6px;align-items:center;padding:0 8px;display:grid}.asset-control{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asset-control h2{width:100%}.asset-control button{height:40px;color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-elevated);align-items:center;gap:8px;padding:0 14px;display:flex}.asset-control button .icon{width:15px}.captured-asset-list{grid-column:1/-1}.captured-asset-title{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.captured-asset-title>div{min-width:0}.captured-asset-title h2{margin-bottom:6px}.captured-asset-title p{max-width:760px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.55}.captured-asset-title>button,.captured-asset-actions button,.captured-asset-actions label{height:34px;color:var(--text-secondary);border:1px solid var(--border-primary);font:600 10px var(--v-font-code);cursor:pointer;background:#ffffff09;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.captured-asset-title>button:hover,.captured-asset-actions button:hover,.captured-asset-actions label:hover{color:var(--text-primary);background:#9ca4fb17;border-color:#9ca4fb6b}.captured-asset-actions label:has(input:disabled){opacity:.45;cursor:not-allowed}.captured-asset-list ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.captured-asset-list li{border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-elevated);min-width:0;padding:11px 12px}.captured-asset-list li span{grid-template-columns:18px 1fr auto;align-items:center;gap:8px;display:grid}.captured-asset-list li .icon{width:15px;color:var(--color-accent)}.captured-asset-list li b{min-width:0;color:var(--text-primary);font-size:12px;font-weight:500}.captured-asset-list li small{color:var(--text-muted);font:9px var(--v-font-code);text-transform:uppercase}.captured-asset-list li code{color:var(--text-muted);font:10px/1.45 var(--v-font-code);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;display:block;overflow:hidden}.captured-asset-list li em{color:var(--text-secondary);font:normal 10px/1.4 var(--v-font-code);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;display:block;overflow:hidden}.captured-asset-actions{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.captured-asset-actions .icon{width:13px}.captured-asset-actions button{color:var(--text-muted);background:0 0}.nav-empty{color:var(--text-muted);margin:10px 0;font-size:12px}.props-section{margin-top:48px}.props-section>h2{color:var(--text-primary);margin:48px 0 18px;font-size:22px;font-weight:900}.props-table-wrap{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow-x:auto}.props-table-wrap table{border-collapse:collapse;width:100%;color:var(--text-muted);font-size:13px}.props-table-wrap th,.props-table-wrap td{border-bottom:1px solid var(--border-primary);text-align:left;vertical-align:top;padding:14px 16px}.props-table-wrap tr:last-child td{border-bottom:0}.props-table-wrap th{color:var(--text-primary);background:var(--bg-elevated);font-weight:500}.props-table-wrap code,.dependency-list code{color:var(--text-primary);font-family:var(--v-font-code)}.dependency-list{flex-wrap:wrap;gap:8px;display:flex}.dependency-list code{border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-elevated);padding:8px 11px;font-size:12px}@media (width<=1100px){.content-shell.category-wrapper{padding-right:0}.right-rail{display:none}}@media (width<=967px){.library-nav,.library-nav.sidebar{visibility:hidden;pointer-events:none;width:260px;min-width:260px;max-width:260px;padding:24px;top:60px;left:0;transform:translate(calc(-100% - 2px))}.library-nav.open{visibility:visible;pointer-events:auto;transform:none}.content-shell.category-wrapper{width:calc(100% - 48px);margin:0 24px;padding:0}.detail-page,.index-page{padding:92px 0 80px}}@media (width<=720px){.app-header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#120f17eb;padding:0 16px;top:0;left:0;right:0}.app-topnav,.global-search,.avatar{display:none}.detail-heading h1{font-size:48px}.workspace-actions{flex-direction:row;align-items:center}.workspace-utilities>button:first-child{display:none}.workspace-utilities button{padding:0 10px;font-size:12px}.preview-options{grid-template-columns:1fr}.preview-panel,.editor-panel,.locked-workbench{height:500px}.index-content-head{min-height:196px;display:block}.index-content-head h1{margin-bottom:28px;font-size:48px}.index-filters{grid-template-columns:1fr;gap:10px;width:100%;display:grid}.index-filter-search,.index-category-select{width:100%;height:42px}.index-component-grid,.captured-asset-list ul{grid-template-columns:1fr}}.exact-runtime-preview-panel,.exact-runtime-preview-panel .preview-canvas,.exact-runtime-preview-panel .preview-viewport{aspect-ratio:16/9;height:auto;min-height:0}.component-preview-interaction[data-component=interactive-object-background]{aspect-ratio:16/9;height:auto}