.sn-stage{justify-content:center;align-items:flex-end;width:100%;height:100%;min-height:340px;padding-bottom:56px;display:flex;position:relative}.sn-host{z-index:6;pointer-events:none;justify-content:center;display:flex;position:absolute;top:18px;left:0;right:0}.sn-trigger{z-index:2;color:var(--sn-fg,#fff);position:relative}.sn-trigger-btn{width:100%;height:100%;color:inherit;font:600 .95rem var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;outline:none;justify-content:center;align-items:center;gap:9px;display:inline-flex}.sn-slot{pointer-events:auto;touch-action:pan-x;cursor:grab;max-width:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);animation:.5s cubic-bezier(.22,1.15,.36,1) both sn-drop}.sn-slot[data-phase=idle]{animation:none}.sn-slot[data-phase=out]{pointer-events:none;animation:.32s cubic-bezier(.4,0,1,1) both sn-lift}.sn-slot .sn-lens{box-shadow:0 18px 44px #0000004d;--lg-spot:0!important;--lg-spec:0!important;--lg-spec-dim:0!important;--lg-bloom:0!important;--lg-click-light:0!important;--lg-shade:0!important}.sn-slot[data-phase=in] .sn-lens{animation:.28s both sn-fade}.sn-slot[data-phase=out] .sn-lens{animation:.24s reverse both sn-fade}.sn-slot .sn-lens .lg__content{display:block;filter:none!important;opacity:1!important;transform:none!important}.sn-card{box-sizing:border-box;color:#fff;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;width:100%;height:100%;padding:0 14px;display:flex}.sn-slot[data-dark=false] .sn-card{color:#111114}.sn-icon{color:#fff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 2px 8px #00000047,inset 0 .5px #ffffff73}.sn-text{text-align:left;flex:1;min-width:0}.sn-top{font:500 10.5px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;opacity:.66;justify-content:space-between;gap:8px;display:flex}.sn-title{font:600 14.5px/1.25 var(--font-sans);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;overflow:hidden}.sn-msg{font:400 12.5px/1.3 var(--font-sans);opacity:.78;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;overflow:hidden}.sn-x{width:22px;height:22px;color:inherit;cursor:pointer;opacity:0;background:#7f7f7f47;border:0;border-radius:50%;flex:none;place-items:center;transition:opacity .2s;display:grid}.sn-slot:hover .sn-x,.sn-x:focus-visible{opacity:1}@keyframes sn-drop{0%{transform:translateY(-130%)scale(.96)}to{transform:translateY(0)scale(1)}}@keyframes sn-lift{0%{transform:translateY(0)}to{transform:translateY(-140%)}}@keyframes sn-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sn-slot,.sn-slot .sn-lens{transition:none!important;animation:none!important}}.lab{--sp:cubic-bezier(.2, 1.1, .3, 1);height:100dvh;color:var(--color-fg);background:radial-gradient(60% 38% at 50% 0, #1b2146, var(--color-bg) 72%);overflow-y:auto}.lab-main{gap:44px;max-width:1040px;margin:0 auto;padding:104px 20px 90px;display:grid}.lab-hero-badge{-webkit-backdrop-filter:blur(14px);color:#ffffffe0;letter-spacing:-.01em;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;margin-bottom:14px;padding:5px 14px 5px 6px;font-size:.8125rem;font-weight:500;display:inline-flex;box-shadow:0 4px 16px #00000040}.lab-hero-logo{object-fit:contain;border-radius:8px;width:26px;height:26px}.lab-hero h1{font:400 clamp(2.6rem, 7vw, 4.4rem) / 1 var(--font-display);margin:0 0 10px}.lab-hero p{color:var(--color-muted);max-width:52ch;margin:0}.lab-card{gap:14px;display:grid}.lab-head{align-items:flex-start;gap:14px;display:flex}.lab-head span{font:500 .75rem var(--font-mono);color:var(--color-subtle);padding-top:6px}.lab-head h2{margin:0;font-size:1.2rem;font-weight:600}.lab-head p{color:var(--color-muted);margin:2px 0 0;font-size:.875rem}.lab-stage{isolation:isolate;background:repeating-linear-gradient(115deg,#ffffff6b 0 2px,#0000 2px 42px),radial-gradient(circle at 18% 22%,#ff3b68 0%,#0000 48%),radial-gradient(circle at 82% 78%,#ffaa2b 0%,#0000 48%),radial-gradient(circle at 52% 48%,#6438ff 0%,#0000 56%),linear-gradient(135deg,#1648bd 0%,#291d7c 40%,#0d1238 100%);border-radius:32px;min-height:460px;position:relative;overflow:hidden}.lab-stage--light{background:radial-gradient(42% 52% at 28% 8%,#6edc968c,#0000 70%),radial-gradient(42% 52% at 86% 86%,#5096ff8c,#0000 70%),#f3f4f7}.lab-stage-bg{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.lab-stage-bg-media{object-fit:cover;width:100%;height:100%;display:block}.lab-center{z-index:3;place-items:center;display:grid;position:absolute;inset:0}.lab-center>:not(.lab-anchor):not(.sh-wrap){z-index:3;position:relative}.goo-svg{z-index:4;pointer-events:none;opacity:0;transition:opacity .12s ease-out;position:absolute;top:0;left:0;overflow:visible}.goo-rim-path{filter:drop-shadow(0 1px 2px #00000038)}.lab-edit-wrap{z-index:5;transition:opacity .28s var(--ease-out), transform .35s var(--sp);position:absolute;top:14px;right:14px}.lab-edit-wrap[data-open=true]{opacity:0;pointer-events:none;transform:scale(.9)translateY(-4px)}.lab-edit-hit{color:#fff;width:100%;height:100%;font:500 .8125rem var(--font-sans);cursor:pointer;background:0 0;border:0;outline:none;justify-content:center;align-items:center;gap:6px;display:flex}.lab-edit-hit svg{width:14px;height:14px}.lab-stage--light .lab-edit-hit{color:#111}.lab-panel{z-index:6;opacity:0;pointer-events:none;width:min(292px,100% - 24px);transition:transform .6s var(--sp), opacity .3s;border-radius:26px;position:absolute;top:12px;bottom:12px;right:12px;overflow:hidden;transform:translate(calc(100% + 24px));box-shadow:0 16px 40px #00000073}.lab-panel[data-open=true]{opacity:1;pointer-events:auto;transform:none}.lab-panel-glass{z-index:1;pointer-events:none;position:absolute;inset:0}.lab-panel-glass .lg{border-radius:26px!important;width:100%!important;height:100%!important}.lab-panel-inner{z-index:2;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:4px;height:100%;padding:16px;display:flex;position:relative;overflow-y:auto}.lab-panel-inner::-webkit-scrollbar{display:none}.lab-panel header{text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.lab-panel header button{color:#fff;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:28px;height:28px;transition:background .2s,transform .2s;display:grid}.lab-panel header button:hover{background:#ffffff26;transform:scale(1.08)}.lab-bg-section{flex-direction:column;padding:2px 0 4px;display:flex}.lab-bg-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:4px;display:grid}.lab-bg-grid .bg-card{gap:4px}.lab-bg-grid .bg-thumb-wrap{aspect-ratio:1.15;border-radius:10px}.lab-bg-grid .bg-label{font-size:.625rem}.lab-chips{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.lab-chips button{color:#fff;background:#ffffff14;border:0;border-radius:99px;padding:6px 11px;font-size:.75rem;transition:background .2s}.lab-chips button:hover{background:#ffffff26}.lab-section-sep{background:#ffffff14;height:1px;margin:6px 0}.lab-light-section{flex-direction:column;gap:8px;padding:4px 0;display:flex}.lab-light-header{justify-content:space-between;align-items:center;display:flex}.lab-accent-section{flex-direction:column;gap:8px;padding:4px 0;display:flex}.lab-accent-header{justify-content:space-between;align-items:center;display:flex}.lab-accent-title{color:#fff;letter-spacing:.01em;font-size:.8125rem;font-weight:500}.lab-accent-picker-badge{align-items:center;gap:6px;display:flex}.lab-accent-custom-btn{background:var(--accent-swatch,#5b8cff);cursor:pointer;color:#fff;width:22px;height:22px;transition:transform .18s var(--ease-out), box-shadow .18s ease-out;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 1.5px #ffffff59}.lab-accent-custom-btn:hover{transform:scale(1.15)}.lab-accent-custom-btn[data-active=true]{transform:scale(1.12);box-shadow:0 0 0 2px #fff,0 2px 8px #0006}.lab-accent-color-native{opacity:0;cursor:pointer;border:0;width:34px;height:34px;padding:0;position:absolute;inset:-6px}.lab-accent-hex{font-variant-numeric:tabular-nums;color:#fff9;letter-spacing:.03em;font-size:.75rem;font-weight:500}.lab-tints{flex-wrap:wrap;gap:8px;padding:2px 0;display:flex}.lab-tints button{width:24px;height:24px;transition:transform .18s var(--ease-out), box-shadow .18s ease-out;cursor:pointer;border:2px solid #0000;border-radius:50%}.lab-tints button:hover{transform:scale(1.15)}.lab-tints button[data-on=true]{border-color:#fff;transform:scale(1.12);box-shadow:0 0 0 2px #ffffff40,0 2px 8px #00000059}.lab-tint-ctrl{transform-origin:top;margin-top:2px;animation:.26s cubic-bezier(.16,1,.3,1) tint-reveal}@keyframes tint-reveal{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.lab-slider-color-section{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;margin-top:4px;padding:8px 0 4px;display:flex}.lab-slider-color-header{justify-content:space-between;align-items:center;display:flex}.lab-slider-color-header label{color:#fff;letter-spacing:.01em;font-size:.8125rem;font-weight:500}.lab-slider-color-picker-wrap{align-items:center;gap:6px;display:flex;position:relative}.lab-slider-color-input-btn{cursor:pointer;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #ffffff59}.lab-slider-color-input{opacity:0;cursor:pointer;border:0;width:34px;height:34px;padding:0;position:absolute;inset:-6px}.lab-slider-color-hex{font-variant-numeric:tabular-nums;color:#fff9;letter-spacing:.03em;font-size:.75rem;font-weight:500}.lab-slider-color-swatches{flex-wrap:wrap;gap:7px;padding:2px 0;display:flex}.lab-slider-color-swatch{width:22px;height:22px;transition:transform .18s var(--ease-out), box-shadow .18s ease-out;cursor:pointer;border:2px solid #0000;border-radius:50%}.lab-slider-color-swatch:hover{transform:scale(1.15)}.lab-slider-color-swatch[data-on=true]{border-color:#fff;transform:scale(1.14);box-shadow:0 0 0 2px #ffffff40,0 2px 8px #00000059}.lab-panel footer{z-index:10;background:0 0;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:14px;padding-bottom:2px;display:flex;position:sticky;bottom:0}.lab-panel-btn-wrap{justify-content:center;align-items:center;display:flex;position:relative}.reset-btn-wrap{flex:1}.copy-btn-wrap{flex:1.8}.lab-panel-btn-wrap .lg{transition:transform .14s var(--ease-out), box-shadow .2s var(--ease-out);width:100%!important}.lab-panel-btn-wrap:has(button:active) .lg{transform:scale(.96)}.lab-footer-btn{color:#fff;width:100%;height:100%;font:600 .8125rem var(--font-sans);cursor:pointer;background:0 0;border:0;outline:none;justify-content:center;align-items:center;gap:6px;display:flex}.lab-footer-btn--primary{font-weight:700;color:#0c0d12!important}.lab-copy-icon{transition:transform .22s var(--ease-liquid), opacity .18s ease-out;justify-content:center;align-items:center;display:inline-flex}.lab-copy-icon[data-copied=true]{color:#059669;animation:.32s cubic-bezier(.34,1.56,.64,1) copy-pop}@keyframes copy-pop{0%{opacity:0;transform:scale(.6)rotate(-15deg)}60%{opacity:1;transform:scale(1.2)rotate(0)}to{opacity:1;transform:scale(1)rotate(0)}}.lab-coming-soon-wrap{flex-direction:column;align-items:center;gap:0;padding:72px 20px 48px;display:flex}.lab-coming-soon-svg{color:#ffffffb8;filter:drop-shadow(0 0 22px #a08cff38)drop-shadow(0 2px 4px #0000002e);width:min(600px,86vw);height:auto}.lab-coming-soon-svg--soon{width:min(380px,56vw);margin-top:-8px}.lab-coming-soon-sub{color:#ffffff52;letter-spacing:.04em;text-align:center;margin:28px 0 0;font-size:.875rem}