.lab-page{--bar-h:74px;padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom))}.lab-top{height:var(--nav-h);padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:16px;display:flex}.lab-home{font-family:var(--font-display);align-items:center;gap:6px;margin-left:-6px;padding:6px;font-size:.9rem;font-weight:900;text-decoration:none;display:inline-flex}.lab-home svg{width:20px;color:var(--faint);flex:none;transition:transform .2s}.lab-home .lab-home-eyes{width:34px}.lab-home:hover svg:first-child{transform:translate(-3px)}.lab{max-width:1200px;padding:0 var(--gutter) 40px;grid-template-areas:"intro""stage""picker";margin:0 auto;display:grid}.lab-intro{grid-area:intro;padding:4px 0 14px}.lab-intro .kicker{margin-bottom:6px}.lab-intro h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.35rem,4.6vw,2.6rem);font-weight:900;line-height:1.05}.lab-stage{z-index:5;margin:0 calc(var(--gutter) * -1);padding:10px var(--gutter) 14px;background:linear-gradient(var(--ink) 85%, transparent);grid-area:stage;position:sticky;top:0}.lab-preview{aspect-ratio:1;background:#140d27;border-radius:26px;width:min(100%,42svh);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #f4f1fa24,0 24px 60px #00000080,0 0 80px #b44cff2e}.lab-preview>svg{width:100%;height:100%;display:block}.lab-picker{grid-area:picker;min-width:0}.lab-preview .pfp-bust{transform-origin:500px 1000px}.lab-preview .rb-eyes{transition:transform .25s ease-out}.lab-preview .rb-eye-glow,.lab-preview .rb-eye-core{transform-box:fill-box;transform-origin:50% 60%}.lab-preview svg.react .pfp-bust{animation:.55s cubic-bezier(.3,1.5,.5,1) pfp-bounce}.lab-preview svg.react .rb-eye-glow,.lab-preview svg.react .rb-eye-core{animation:.32s ease-in-out 80ms pfp-blink}.lab-preview.is-shuffling>svg{filter:saturate(1.25)brightness(1.08)}@keyframes pfp-bounce{0%{transform:none}25%{transform:scale(1.03,.96)}55%{transform:translateY(-22px)scale(.98,1.03)}to{transform:none}}@keyframes pfp-blink{50%{transform:scaleY(.12)}}.lab-quip{z-index:1;background:var(--snow);max-width:58%;color:var(--ink);opacity:0;transform-origin:0 100%;pointer-events:none;border-radius:16px 16px 16px 4px;margin:0;padding:8px 13px;font-size:clamp(.78rem,2.6vw,.95rem);font-weight:700;line-height:1.25;position:absolute;top:7%;right:6%;transform:scale(.6);box-shadow:0 8px 24px #00000059}.lab-quip.is-on{animation:1.8s cubic-bezier(.3,1.4,.5,1) forwards quip}@keyframes quip{0%{opacity:0;transform:scale(.6)}12%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.lab-actions{z-index:20;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#0b0a14db;grid-template-columns:1fr 1.35fr auto;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.lab-actions .btn{padding:0 14px}.lab-actions svg{flex:none;width:20px}.lab-share span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lab-share{width:50px}.lab-wide{display:none}.btn[aria-busy=true]{opacity:.7;cursor:progress}.btn[aria-busy=true] svg{animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.lab-tabs{margin:0 calc(var(--gutter) * -1) 14px;padding:4px var(--gutter);scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.lab-tabs::-webkit-scrollbar{display:none}.lab-tabs [role=tab]{min-height:40px;color:var(--muted);font:700 .92rem/1 var(--font-body);box-shadow:0 0 0 1.5px var(--line) inset;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 16px;transition:background-color .2s,color .2s}.lab-tabs [role=tab]:hover{color:var(--snow)}.lab-tabs [aria-selected=true]{background:var(--snow);color:var(--ink);box-shadow:none}.lab-panel:focus{outline:none}.lab-options{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px 10px;display:grid}.lab-options [role=radio]{color:var(--muted);font:500 .82rem/1.2 var(--font-body);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;gap:7px;padding:0;display:grid}.lab-thumb{aspect-ratio:1;box-shadow:0 0 0 1.5px var(--line) inset;background:radial-gradient(circle at 50% 30%,#2a1c4d,#120c22 75%);border-radius:18px;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.lab-thumb svg{width:100%;height:100%;display:block}.lab-options [role=radio]:hover .lab-thumb{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px #f4f1fa4d}.lab-options [aria-checked=true]{color:var(--snow);font-weight:700}.lab-options [aria-checked=true] .lab-thumb{box-shadow:0 0 0 2.5px var(--pink), 0 6px 24px #ff5fd259}.lab-options [aria-checked=true] .lab-thumb:after{content:"";background:var(--pink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%230b0a14' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100%;border-radius:50%;width:20px;height:20px;position:absolute;top:7px;right:7px}.lab-options [role=radio]:focus-visible{outline:none}.lab-options [role=radio]:focus-visible .lab-thumb{outline:2px solid var(--cyan);outline-offset:3px}.lab-hood{box-shadow:0 0 0 1.5px var(--line) inset;border-radius:999px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;display:inline-grid}.lab-hood [role=radio]{min-height:38px;color:var(--muted);font:700 .88rem/1 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px}.lab-hood [aria-checked=true]{background:var(--purple);color:var(--snow)}.lab-more{gap:18px;margin-top:28px;display:grid}.lab-banner{color:var(--muted);font:500 .9rem/1.35 var(--font-body);text-align:left;cursor:pointer;background:linear-gradient(160deg,#1d1336,#110c20);border:0;border-radius:20px;grid-template-columns:minmax(0,150px) 1fr;align-items:center;gap:14px;padding:12px;transition:box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1.5px #b44cff59}.lab-banner:hover{box-shadow:0 0 0 1.5px var(--cyan) inset}.lab-banner b{color:var(--snow);margin-bottom:2px;display:block}.lab-banner-art{aspect-ratio:3;background:#140d27;border-radius:10px;display:block;overflow:hidden}.lab-banner-art svg{width:100%;height:100%;display:block}.lab-fine{color:var(--faint);margin:0;font-size:.85rem}.lab-save{width:min(420px,100vw - 32px);color:var(--snow);text-align:center;background:#160f2b;border:0;border-radius:26px;padding:22px;box-shadow:0 0 0 1.5px #f4f1fa24}.lab-save::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05040abf}.lab-save img{-webkit-touch-callout:default;border-radius:18px;width:100%;display:block}.lab-save-title{font-family:var(--font-display);margin:0 0 14px;font-weight:900}.lab-save-hint{color:var(--muted);margin:14px 0;font-size:.88rem}@media (width>=480px){.lab-wide{display:inline}.lab-share{width:auto}.lab-share span{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}@media (width>=900px){.lab-page{padding-bottom:0}.lab{grid-template:"stage intro""stage picker"1fr/minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(32px,5vw,72px);padding-top:12px;padding-bottom:64px}.lab-intro{padding:8px 0 22px}.lab-stage{background:0 0;align-self:start;margin:0;padding:0;top:20px}.lab-preview{border-radius:32px;width:min(100%,100svh - 190px)}.lab-actions{-webkit-backdrop-filter:none;background:0 0;border:0;width:min(100%,100svh - 190px);margin:18px auto 0;padding:0;position:static}.lab-actions .btn{padding:0 20px}.lab-tabs{flex-wrap:wrap;margin:0 0 18px;padding:0;overflow:visible}.lab-options{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:16px 12px}.lab-quip{font-size:1rem}}@media (prefers-reduced-motion:reduce){.lab-quip.is-on{opacity:1;animation:none;transform:none}}