.ArticleHeader-module___hJEBa__header{margin:0 calc(-1 * var(--gutter)) 56px;padding:0 var(--gutter) 56px;border-bottom:1px solid var(--line)}.ArticleHeader-module___hJEBa__caption{margin-bottom:24px;display:block}.ArticleHeader-module___hJEBa__title{max-width:18ch;font-family:var(--font-display);font-size:clamp(40px,5.4vw,80px);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);color:var(--fg);text-wrap:balance;margin-bottom:24px;line-height:.96}.ArticleHeader-module___hJEBa__description{max-width:60ch;color:var(--fg-2);text-wrap:pretty;font-size:18px;line-height:1.6}.ArticleHeader-module___hJEBa__divider{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}.ArticleHeader-module___hJEBa__divider+.ArticleHeader-module___hJEBa__divider{border-top:1px solid var(--line);margin-top:56px;padding-top:56px}.ArticleHeader-module___hJEBa__sectionHeader{margin-bottom:32px}.ArticleHeader-module___hJEBa__sectionTitle{max-width:22ch;font-family:var(--font-display);font-size:clamp(28px,3vw,44px);font-weight:var(--weight-display);letter-spacing:-.04em;color:var(--fg);text-wrap:balance;margin-bottom:14px;line-height:1}.ArticleHeader-module___hJEBa__sectionDescription{max-width:64ch;color:var(--fg-2);font-size:16px;line-height:1.6}@media (max-width:900px){.ArticleHeader-module___hJEBa__header{margin-bottom:40px;padding-bottom:40px}.ArticleHeader-module___hJEBa__description{font-size:16px}}
.CodeBlock-module__0jikRq__block{border:1px solid var(--border);background:var(--gray-900);border-radius:0;overflow:hidden}.CodeBlock-module__0jikRq__variantBar{border-bottom:1px solid var(--border);align-items:center;padding:12px 16px;display:flex}.CodeBlock-module__0jikRq__variantGroup{background:var(--gray-800);border-radius:0;gap:2px;padding:2px;display:inline-flex}.CodeBlock-module__0jikRq__variantButton{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:0;padding:6px 12px;transition:color .15s,background .15s}.CodeBlock-module__0jikRq__variantButton:hover{color:var(--white)}.CodeBlock-module__0jikRq__variantActive{color:var(--white);background:var(--gray-900)}.CodeBlock-module__0jikRq__header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.CodeBlock-module__0jikRq__tabs{gap:0;display:flex}.CodeBlock-module__0jikRq__tab{font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-body);color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 14px;transition:color .2s,border-color .2s}.CodeBlock-module__0jikRq__tab:hover{color:var(--white)}.CodeBlock-module__0jikRq__tabActive{color:var(--white);border-bottom-color:var(--fg)}.CodeBlock-module__0jikRq__copyButton{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);color:var(--gray-400);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;transition:color .2s,border-color .2s}.CodeBlock-module__0jikRq__copyButton:hover{color:var(--white);border-color:var(--border-hover)}.CodeBlock-module__0jikRq__codeWrapper{position:relative;overflow-x:auto}.CodeBlock-module__0jikRq__collapsed{max-height:200px;overflow:hidden}.CodeBlock-module__0jikRq__fadeOverlay{background:linear-gradient(to bottom, transparent 0%, var(--gray-900) 70%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:flex-end;height:80px;padding-bottom:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.CodeBlock-module__0jikRq__showMore{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);color:var(--gray-400);background:var(--gray-800);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 14px;transition:color .15s,border-color .15s}.CodeBlock-module__0jikRq__showMore:hover{color:var(--white);border-color:var(--border-hover)}.CodeBlock-module__0jikRq__code{font-family:var(--font-mono);padding:20px;font-size:13px;line-height:1.6}.CodeBlock-module__0jikRq__code pre{margin:0;background:0 0!important}.CodeBlock-module__0jikRq__code code{font-family:var(--font-mono);font-size:13px}@media (max-width:640px){.CodeBlock-module__0jikRq__code{padding:16px;font-size:12px}}
.Card-module__b6YjYG__card{background:var(--bg-raised);border:1px solid var(--line);border-radius:0}.Card-module__b6YjYG__pad-md{padding:24px}.Card-module__b6YjYG__pad-sm{padding:20px 24px}.Card-module__b6YjYG__pad-none{padding:0}.Card-module__b6YjYG__hoverable{transition:border-color var(--transition-slow)}.Card-module__b6YjYG__hoverable:hover{border-color:var(--line-strong)}@media (max-width:640px){.Card-module__b6YjYG__pad-md,.Card-module__b6YjYG__pad-sm{padding:16px}}
.PreviewPane-module__wN1vKa__heading{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.PreviewPane-module__wN1vKa__canvas{background:var(--black);border:1px solid var(--border);border-radius:0;min-height:200px;position:relative;overflow:hidden}
.PreviewLoader-module__zOjuuq__loader{justify-content:center;align-items:center;gap:8px;min-height:200px;display:flex}.PreviewLoader-module__zOjuuq__spinner{border:2px solid var(--border);border-top-color:var(--gray-400);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite PreviewLoader-module__zOjuuq__spin}@keyframes PreviewLoader-module__zOjuuq__spin{to{transform:rotate(360deg)}}.PreviewLoader-module__zOjuuq__text{color:var(--gray-600);font-family:var(--font-mono);font-size:12px}
.Slider-module__BTP6IG__root{flex-direction:column;gap:6px;width:100%;display:flex}.Slider-module__BTP6IG__label{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.Slider-module__BTP6IG__value{font-family:var(--font-mono);color:var(--white);align-self:flex-end;margin-top:-2px;font-size:12px}.Slider-module__BTP6IG__control{background:var(--gray-900);border:1px solid var(--border);border-radius:8px;align-items:center;width:100%;display:flex}.Slider-module__BTP6IG__sm .Slider-module__BTP6IG__control{height:28px;padding:0 10px}.Slider-module__BTP6IG__md .Slider-module__BTP6IG__control{height:34px;padding:0 12px}.Slider-module__BTP6IG__track{background:var(--gray-800);cursor:pointer;touch-action:none;border-radius:2px;width:100%;position:relative}.Slider-module__BTP6IG__sm .Slider-module__BTP6IG__track{height:3px}.Slider-module__BTP6IG__md .Slider-module__BTP6IG__track{height:4px}.Slider-module__BTP6IG__indicator{border-radius:inherit;height:100%;position:absolute}.Slider-module__BTP6IG__default .Slider-module__BTP6IG__indicator{background:var(--white)}.Slider-module__BTP6IG__accent .Slider-module__BTP6IG__indicator{background:var(--accent)}.Slider-module__BTP6IG__thumb{background:var(--white);cursor:pointer;border-radius:50%;outline:none;transition:transform .15s,box-shadow .15s;position:absolute}.Slider-module__BTP6IG__sm .Slider-module__BTP6IG__thumb{width:12px;height:12px}.Slider-module__BTP6IG__md .Slider-module__BTP6IG__thumb{width:14px;height:14px}.Slider-module__BTP6IG__thumb:hover{transform:scale(1.25)}.Slider-module__BTP6IG__thumb:focus-visible{box-shadow:0 0 0 3px #fff3}.Slider-module__BTP6IG__accent .Slider-module__BTP6IG__thumb{background:var(--accent)}.Slider-module__BTP6IG__root[data-disabled]{opacity:.4;pointer-events:none}
.Controls-module__nEpCXq__control{flex-direction:column;gap:6px;display:flex}.Controls-module__nEpCXq__labelRow{justify-content:space-between;align-items:center;display:flex}.Controls-module__nEpCXq__label{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.Controls-module__nEpCXq__value{font-family:var(--font-mono);color:var(--white);font-size:12px}.Controls-module__nEpCXq__colorRow{align-items:center;gap:10px;display:flex}.Controls-module__nEpCXq__colorInput{appearance:none;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:32px;padding:2px}.Controls-module__nEpCXq__colorInput::-webkit-color-swatch-wrapper{padding:0}.Controls-module__nEpCXq__colorInput::-webkit-color-swatch{border:none;border-radius:4px}.Controls-module__nEpCXq__colorValue{font-family:var(--font-mono);color:var(--gray-400);font-size:12px}
.Select-module__E8rWSW__trigger{width:100%;font-family:var(--font-mono);color:var(--white);cursor:pointer;outline:none;justify-content:space-between;align-items:center;transition:border-color .2s,background .2s;display:inline-flex}.Select-module__E8rWSW__default{background:var(--gray-900);border:1px solid var(--border);border-radius:8px}.Select-module__E8rWSW__default:hover,.Select-module__E8rWSW__default[data-popup-open]{border-color:var(--border-hover)}.Select-module__E8rWSW__ghost{background:0 0;border:1px solid #0000;border-radius:8px}.Select-module__E8rWSW__ghost:hover,.Select-module__E8rWSW__ghost[data-popup-open]{background:var(--gray-900);border-color:var(--border)}.Select-module__E8rWSW__sm{height:28px;padding:0 10px;font-size:11px}.Select-module__E8rWSW__md{height:34px;padding:0 12px;font-size:12px}.Select-module__E8rWSW__icon{color:var(--gray-400);align-items:center;transition:transform .2s;display:flex}.Select-module__E8rWSW__trigger[data-popup-open] .Select-module__E8rWSW__icon{transform:rotate(180deg)}.Select-module__E8rWSW__positioner{z-index:1000}.Select-module__E8rWSW__popup{background:var(--gray-900);border:1px solid var(--border);min-width:var(--anchor-width);border-radius:8px;padding:4px;box-shadow:0 12px 40px #00000080}.Select-module__E8rWSW__item{font-family:var(--font-mono);color:var(--gray-400);cursor:pointer;border-radius:6px;outline:none;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;transition:background .1s,color .1s;display:flex}.Select-module__E8rWSW__item[data-highlighted]{background:var(--gray-800);color:var(--white)}.Select-module__E8rWSW__item[data-selected]{color:var(--white)}.Select-module__E8rWSW__itemIndicator{color:var(--accent);align-items:center;display:flex}.Select-module__E8rWSW__trigger[data-disabled]{opacity:.4;cursor:not-allowed}
.Switch-module__QeUTqq__root{background:var(--gray-800);border:1px solid var(--border);cursor:pointer;border-radius:100px;align-items:center;padding:0;transition:background .2s,border-color .2s;display:inline-flex;position:relative}.Switch-module__QeUTqq__size-sm{width:32px;height:18px}.Switch-module__QeUTqq__size-md{width:40px;height:22px}.Switch-module__QeUTqq__thumb{background:var(--white);border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.Switch-module__QeUTqq__size-sm .Switch-module__QeUTqq__thumb{width:12px;height:12px}.Switch-module__QeUTqq__size-md .Switch-module__QeUTqq__thumb{width:16px;height:16px}.Switch-module__QeUTqq__size-sm[data-checked] .Switch-module__QeUTqq__thumb{transform:translate(14px)}.Switch-module__QeUTqq__size-md[data-checked] .Switch-module__QeUTqq__thumb{transform:translate(18px)}.Switch-module__QeUTqq__default[data-checked]{background:var(--white);border-color:var(--white)}.Switch-module__QeUTqq__default[data-checked] .Switch-module__QeUTqq__thumb{background:var(--black)}.Switch-module__QeUTqq__accent[data-checked]{background:var(--accent);border-color:var(--accent)}.Switch-module__QeUTqq__root[data-disabled]{opacity:.4;cursor:not-allowed}
.Input-module__5jsJuW__input{width:100%;font-family:var(--font-mono);color:var(--white);outline:none;transition:border-color .2s,background .2s}.Input-module__5jsJuW__default{background:var(--gray-900);border:1px solid var(--border);border-radius:8px}.Input-module__5jsJuW__default:focus,.Input-module__5jsJuW__default[data-focused]{border-color:var(--border-hover)}.Input-module__5jsJuW__ghost{background:0 0;border:1px solid #0000;border-radius:8px}.Input-module__5jsJuW__ghost:focus,.Input-module__5jsJuW__ghost[data-focused]{background:var(--gray-900);border-color:var(--border)}.Input-module__5jsJuW__sm{padding:6px 10px;font-size:11px}.Input-module__5jsJuW__md{padding:8px 12px;font-size:12px}.Input-module__5jsJuW__input::placeholder{color:var(--gray-600)}.Input-module__5jsJuW__input[data-disabled]{opacity:.4;cursor:not-allowed}
.NumberField-module__0BM0Ga__root{width:100%}.NumberField-module__0BM0Ga__group{border-radius:8px;align-items:center;display:flex;overflow:hidden}.NumberField-module__0BM0Ga__input{min-width:0;font-family:var(--font-mono);color:var(--white);text-align:center;-moz-appearance:textfield;border:none;outline:none;flex:1;transition:background .2s}.NumberField-module__0BM0Ga__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.NumberField-module__0BM0Ga__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.NumberField-module__0BM0Ga__default{background:var(--gray-900)}.NumberField-module__0BM0Ga__ghost{background:0 0}.NumberField-module__0BM0Ga__sm{padding:6px 8px;font-size:11px}.NumberField-module__0BM0Ga__md{padding:8px 10px;font-size:12px}.NumberField-module__0BM0Ga__button{background:var(--gray-800);border:1px solid var(--border);color:var(--gray-400);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.NumberField-module__0BM0Ga__button:hover{background:var(--gray-900);color:var(--white)}.NumberField-module__0BM0Ga__button:active{background:var(--border)}.NumberField-module__0BM0Ga__button[data-disabled]{opacity:.4;cursor:not-allowed}.NumberField-module__0BM0Ga__root[data-disabled]{opacity:.4;pointer-events:none}
.ControlsPanel-module__rV9zwW__heading{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}.ControlsPanel-module__rV9zwW__grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:640px){.ControlsPanel-module__rV9zwW__grid{grid-template-columns:1fr}}
.InteractivePreview-module__Q4v1PG__sections{flex-direction:column;gap:24px;display:flex}
.docs-module__jMC11a__page{min-width:0}.docs-module__jMC11a__card{column-gap:var(--gutter);margin:-56px calc(-1 * var(--gutter)) 0;padding:40px var(--gutter) 44px;border-bottom:1px solid var(--line);transition:background var(--transition-slow);grid-template-columns:repeat(4,minmax(0,1fr));row-gap:16px;display:grid}.docs-module__jMC11a__card:hover{background:var(--bg-raised)}.docs-module__jMC11a__card:focus-visible{outline-offset:-2px}.docs-module__jMC11a__cardIndex{grid-area:1/1;padding-top:10px}.docs-module__jMC11a__cardTitle,.docs-module__jMC11a__cardDescription,.docs-module__jMC11a__cardArrow{grid-column:2/-1}.docs-module__jMC11a__cardTitle{max-width:20ch;font-size:clamp(26px,2.6vw,40px);font-weight:var(--weight-display);letter-spacing:-.04em;color:var(--fg);text-wrap:balance;line-height:1.02}.docs-module__jMC11a__cardDescription{max-width:60ch;color:var(--fg-2);font-size:16px;line-height:1.6}.docs-module__jMC11a__cardArrow{font-size:14px;font-weight:var(--weight-medium);color:var(--fg);border-bottom:1px solid var(--line-strong);transition:border-color var(--transition-base);justify-self:start;align-items:center;gap:10px;margin-top:12px;padding-bottom:4px;display:inline-flex}.docs-module__jMC11a__card:hover .docs-module__jMC11a__cardArrow{border-color:var(--fg)}@media (max-width:900px){.docs-module__jMC11a__card{padding:32px var(--gutter) 36px;grid-template-columns:minmax(0,1fr);margin-top:-40px}.docs-module__jMC11a__cardIndex,.docs-module__jMC11a__cardTitle,.docs-module__jMC11a__cardDescription,.docs-module__jMC11a__cardArrow{grid-column:1}.docs-module__jMC11a__cardIndex{grid-row:auto;padding-top:0}}
.GlassesOverview-module__Jp36Lq__article{min-width:0}.GlassesOverview-module__Jp36Lq__section+.GlassesOverview-module__Jp36Lq__section{margin:64px calc(-1 * var(--gutter)) 0;padding:64px var(--gutter) 0;border-top:1px solid var(--line)}.GlassesOverview-module__Jp36Lq__intro{max-width:68ch;margin-bottom:64px}.GlassesOverview-module__Jp36Lq__intro p{color:var(--fg-2);margin-bottom:16px;font-size:17px;line-height:1.7}.GlassesOverview-module__Jp36Lq__intro strong{color:var(--fg)}.GlassesOverview-module__Jp36Lq__intro code{font-family:var(--font-mono);color:var(--fg);background:var(--bg-raised);border:1px solid var(--line);padding:1px 5px;font-size:.85em}.GlassesOverview-module__Jp36Lq__introLink{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;transition:text-decoration-color var(--transition-fast)}.GlassesOverview-module__Jp36Lq__introLink:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.GlassesOverview-module__Jp36Lq__toc{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.GlassesOverview-module__Jp36Lq__tocTitle{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caption);color:var(--fg-3);margin-bottom:12px;line-height:16px}.GlassesOverview-module__Jp36Lq__tocList{counter-reset:toc;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;list-style:none;display:grid}.GlassesOverview-module__Jp36Lq__tocList li{counter-increment:toc;border-bottom:1px solid var(--line)}.GlassesOverview-module__Jp36Lq__tocLink{color:var(--fg-2);transition:color var(--transition-fast);align-items:baseline;gap:14px;padding:12px 0;font-size:15px;display:flex}.GlassesOverview-module__Jp36Lq__tocLink:before{content:counter(toc, decimal-leading-zero);font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-3);font-size:11px}.GlassesOverview-module__Jp36Lq__tocLink:hover{color:var(--fg)}.GlassesOverview-module__Jp36Lq__faq{margin:64px calc(-1 * var(--gutter)) 0;padding:64px var(--gutter) 0;border-top:1px solid var(--line)}.GlassesOverview-module__Jp36Lq__faqHeading{font-family:var(--font-display);font-size:clamp(28px,3vw,44px);font-weight:var(--weight-display);letter-spacing:-.04em;color:var(--fg);margin-bottom:32px;line-height:1}.GlassesOverview-module__Jp36Lq__faqList{max-width:76ch;display:grid}.GlassesOverview-module__Jp36Lq__faqItem{border-top:1px solid var(--line);padding:22px 0 24px}.GlassesOverview-module__Jp36Lq__faqQuestion{font-size:18px;font-weight:var(--weight-medium);letter-spacing:-.01em;color:var(--fg);margin-bottom:8px;line-height:1.4}.GlassesOverview-module__Jp36Lq__faqAnswer{color:var(--fg-2);font-size:16px;line-height:1.7}@media (max-width:900px){.GlassesOverview-module__Jp36Lq__section+.GlassesOverview-module__Jp36Lq__section,.GlassesOverview-module__Jp36Lq__faq{margin-top:48px;padding-top:48px}.GlassesOverview-module__Jp36Lq__tocList{grid-template-columns:minmax(0,1fr)}}