.DemoBase_lab___RpQp{border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:0;grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);overflow:hidden}.DemoBase_stage__UtfHU{background:linear-gradient(135deg,rgb(196 255 61/22%),transparent 40%),linear-gradient(315deg,rgb(255 61 129/18%),transparent 45%),#18151d;min-height:22rem;overflow:hidden;position:relative}.DemoBase_stageImage__4HmIG{height:100%;min-height:22rem;width:100%}.DemoBase_showcaseFrame__Wad9N{height:100%;min-height:22rem;position:relative}.DemoBase_fillRoot__s6zvu,.DemoBase_showcaseImage__tb6of{height:100%;min-height:22rem;width:100%}.DemoBase_showcaseImage__tb6of{display:block}.DemoBase_heroOverlay__eYVek{align-items:flex-start;background:linear-gradient(0deg,rgb(0 0 0/62%),transparent 70%);color:white;display:flex;flex-direction:column;gap:.75rem;inset:0;justify-content:flex-end;padding:1.5rem;position:absolute}.DemoBase_badge__My8S1{background:var(--acid);border:2px solid var(--line);border-radius:999px;box-shadow:3px 3px 0 rgb(0 0 0/40%);color:var(--ink);font-size:.7rem;font-weight:950;letter-spacing:.08em;padding:.35rem .65rem;text-transform:uppercase}.DemoBase_heroOverlay__eYVek h2{font-size:clamp(2rem,5.5vw,4.2rem);letter-spacing:-.02em;line-height:.9;margin:0;max-width:11ch;text-shadow:0 2px 20px rgb(0 0 0/50%)}.DemoBase_heroOverlay__eYVek p{font-size:.92rem;line-height:1.45;margin:0;max-width:30rem;opacity:.85}.DemoBase_controls__4oicw{background:#16131b;border-left:2px solid #2a2533;color:#e8e0f0;display:flex;flex-direction:column;gap:0;overflow-y:auto}.DemoBase_controlGroup__wO_l3{border-bottom:1px solid #2a2533;padding:.85rem 1rem}.DemoBase_controlGroup__wO_l3:last-child{border-bottom:none}.DemoBase_controlLabel__SSSLJ{color:#9a90a8;display:block;font-size:.65rem;font-weight:800;letter-spacing:.12em;margin-bottom:.5rem;text-transform:uppercase}.DemoBase_segmented__J8cXP{background:#0e0c12;border:1px solid #2a2533;border-radius:8px;display:grid;gap:3px;grid-template-columns:1fr 1fr;padding:3px}.DemoBase_pill__if_Rt{background:transparent;border:1px solid transparent;border-radius:6px;color:#9a90a8;cursor:pointer;font-size:.78rem;font-weight:750;padding:.42rem .5rem;text-align:center;transition:all .15s ease}.DemoBase_pill__if_Rt:hover{background:#211e28;color:#d0c8dc}.DemoBase_pill__if_Rt[data-active=true]{background:var(--hot);border-color:rgb(255 255 255/10%);box-shadow:0 2px 8px rgb(255 61 129/35%);color:white}.DemoBase_fadeTypeGrid__MyUBW{display:grid;gap:3px;grid-template-columns:1fr 1fr}.DemoBase_fadeTypeBtn__Gq1Dw{background:#0e0c12;border:1px solid #2a2533;border-radius:6px;color:#9a90a8;cursor:pointer;font-size:.72rem;font-weight:750;padding:.4rem;text-align:center;transition:all .15s ease}.DemoBase_fadeTypeBtn__Gq1Dw:hover{background:#211e28;border-color:#3a3445;color:#d0c8dc}.DemoBase_fadeTypeBtn__Gq1Dw[data-active=true]{background:linear-gradient(135deg,#7b61ff 0,var(--hot) 100%);border-color:rgb(255 255 255/12%);box-shadow:0 2px 10px rgb(123 97 255/30%);color:white}.DemoBase_easingGrid__Ionk4{display:grid;gap:3px;grid-template-columns:1fr 1fr}.DemoBase_easingBtn__I8LrC{background:#0e0c12;border:1px solid #2a2533;border-radius:6px;color:#9a90a8;cursor:pointer;font-size:.7rem;font-weight:750;padding:.38rem .4rem;text-align:center;transition:all .15s ease}.DemoBase_easingBtn__I8LrC:hover{background:#211e28;border-color:#3a3445;color:#d0c8dc}.DemoBase_easingBtn__I8LrC[data-active=true]{background:var(--cyan);border-color:rgb(255 255 255/10%);box-shadow:0 2px 8px rgb(59 232 255/30%);color:var(--ink)}.DemoBase_rangeWrap__SFV1T{display:flex;flex-direction:column;gap:.45rem}.DemoBase_rangeHeader__GUgEQ{align-items:baseline;display:flex;justify-content:space-between}.DemoBase_rangeValue__AoHdG{color:var(--acid);font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem;font-weight:800}.DemoBase_range__kGa5Q{appearance:none;background:#0e0c12;border:1px solid #2a2533;border-radius:999px;height:6px;outline:none;width:100%}.DemoBase_range__kGa5Q::-webkit-slider-thumb{appearance:none;background:var(--hot);border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgb(255 61 129/50%);cursor:pointer;height:16px;-webkit-transition:transform .1s ease;transition:transform .1s ease;width:16px}.DemoBase_range__kGa5Q::-webkit-slider-thumb:hover{transform:scale(1.15)}.DemoBase_range__kGa5Q::-moz-range-thumb{appearance:none;background:var(--hot);border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgb(255 61 129/50%);cursor:pointer;height:12px;width:12px}.DemoBase_toggleRow__Dcg9i{align-items:center;display:flex;gap:.6rem;justify-content:space-between}.DemoBase_toggleLabel__DJCyN{color:#c9c1d4;font-size:.82rem;font-weight:700}.DemoBase_toggle__30M0H{background:#0e0c12;border:1px solid #2a2533;border-radius:999px;cursor:pointer;height:24px;padding:2px;position:relative;transition:background .2s ease,border-color .2s ease;width:42px}.DemoBase_toggle__30M0H[data-on=true]{background:var(--acid);border-color:rgb(196 255 61/40%)}.DemoBase_toggleKnob__UMjST{background:#9a90a8;border-radius:50%;display:block;height:18px;transition:transform .2s cubic-bezier(.34,1.4,.64,1),background .2s ease;width:18px}.DemoBase_toggle__30M0H[data-on=true] .DemoBase_toggleKnob__UMjST{background:var(--ink);transform:translateX(18px)}.DemoBase_buttonRow__0f4HZ{display:grid;gap:4px;grid-template-columns:1fr 1fr}.DemoBase_actionButton__vtfhz{align-items:center;background:#211e28;border:1px solid #2a2533;border-radius:6px;color:#e8e0f0;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:750;gap:.35rem;justify-content:center;padding:.45rem .5rem;transition:background .15s ease,transform .1s ease}.DemoBase_actionButton__vtfhz:hover{background:#2f2a38}.DemoBase_actionButton__vtfhz:active{transform:scale(.96)}.DemoBase_selectWrap__VGshw{position:relative}.DemoBase_select__8_aH1{appearance:none;background:#0e0c12;border:1px solid #2a2533;border-radius:7px;color:#e8e0f0;cursor:pointer;font-size:.82rem;font-weight:700;padding:.5rem 2rem .5rem .65rem;transition:border-color .15s ease;width:100%}.DemoBase_select__8_aH1:focus,.DemoBase_select__8_aH1:hover{border-color:#4a4158;outline:none}.DemoBase_selectArrow__WcYUz{color:#6a5f78;pointer-events:none;position:absolute;right:.6rem;top:50%;transform:translateY(-50%)}.DemoBase_code__pvkWY{background:#0a090d;border-top:1px solid #2a2533;color:#c9c1d4;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;letter-spacing:.01em;line-height:1.6;margin:auto 0 0;max-height:18rem;overflow-x:auto;padding:.75rem 1rem}.DemoBase_code__pvkWY code{display:block}.DemoBase_codeTag__voB_I{color:var(--hot)}.DemoBase_codeKey__z0R9q{color:#7b61ff}.DemoBase_codeString__2IgAo{color:var(--acid)}.DemoBase_codeNumber__eZqqw{color:var(--cyan)}.DemoBase_codeBool__W6pdQ{color:var(--orange)}.DemoBase_miniGrid__CJKkg{align-items:stretch;background:#16131b;display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));padding:.75rem}.DemoBase_providerMiniGrid__fH40s{align-content:center;background:linear-gradient(135deg,rgb(196 255 61/22%),transparent 40%),linear-gradient(315deg,rgb(255 61 129/18%),transparent 45%),#18151d;height:100%;justify-items:center;padding:1.25rem}.DemoBase_miniCard__VZOCf{background:var(--paper-2);border:2px solid var(--line);border-radius:var(--radius);box-shadow:4px 4px 0 var(--line);display:grid;grid-template-rows:clamp(9rem,15vw,12rem) auto;height:100%;margin:0;min-width:0;overflow:hidden}.DemoBase_providerMiniGrid__fH40s .DemoBase_miniCard__VZOCf{max-width:14rem;width:100%}.DemoBase_miniCard__VZOCf figcaption{align-items:center;border-top:2px solid var(--line);display:flex;font-size:clamp(.82rem,1.25vw,.95rem);font-weight:850;justify-content:center;line-height:1.2;min-height:3.8rem;padding:.65rem .8rem;text-align:center}.DemoBase_providerMiniGrid__fH40s .DemoBase_miniCard__VZOCf figcaption{font-size:.82rem;padding:.75rem}.DemoBase_sample__WNfF6{display:block;height:13rem;width:100%;border-radius:0!important}.DemoBase_sampleMedia__ICred,.DemoBase_sampleRoot__6_1_S{display:block;height:100%;min-height:0;width:100%}.DemoBase_sampleMedia__ICred{border-radius:0!important;object-fit:cover}.DemoBase_providerMiniGrid__fH40s .DemoBase_sample__WNfF6{height:10rem;min-height:0}@media (max-width:1100px){.DemoBase_lab___RpQp{grid-template-columns:1fr}.DemoBase_controls__4oicw{border-left:none;border-top:2px solid #2a2533;display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr))}.DemoBase_controlGroup__wO_l3{border-right:1px solid #2a2533}.DemoBase_controlGroup__wO_l3:nth-child(2n){border-right:none}.DemoBase_code__pvkWY{grid-column:1/-1}}@media (max-width:640px){.DemoBase_controls__4oicw{grid-template-columns:1fr}.DemoBase_controlGroup__wO_l3{border-right:none}.DemoBase_miniGrid__CJKkg:not(.DemoBase_providerMiniGrid__fH40s){grid-auto-columns:minmax(13rem,72vw);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding:.75rem;scroll-snap-type:x proximity}.DemoBase_miniGrid__CJKkg:not(.DemoBase_providerMiniGrid__fH40s) .DemoBase_miniCard__VZOCf{grid-template-rows:8rem auto;scroll-snap-align:start}.DemoBase_providerMiniGrid__fH40s{grid-template-columns:1fr;overflow:visible}.DemoBase_fillRoot__s6zvu,.DemoBase_stageImage__4HmIG,.DemoBase_stage__UtfHU{min-height:20rem}}