.chrome-lab{background:var(--bg)}.lab-app{overscroll-behavior:contain;background:radial-gradient(ellipse 36% 28% at 18% 12%, color-mix(in srgb, var(--accent-soft) 28%, transparent), transparent 68%), var(--bg);grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.lab-top{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);backdrop-filter:blur(14px);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:56px;padding:.55rem clamp(.9rem,2.4vw,1.6rem);display:grid}.lab-brand-lockup{flex-direction:column;gap:.05rem;min-width:0;display:flex}.lab-wordmark{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-size:.62rem}.lab-brand{font-family:var(--font-display);letter-spacing:-.04em;white-space:nowrap;font-size:1.05rem;font-weight:700}.lab-progress-wrap{justify-self:center;width:100%;min-width:0;max-width:16rem}.lab-progress{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);text-align:center;font-size:.68rem}.lab-track{background:var(--line);border-radius:99px;height:2px;margin-top:.35rem;overflow:hidden}.lab-track i{background:var(--accent);width:11%;height:100%;transition:width var(--motion-ui) var(--ease);border-radius:99px;display:block}.lab-utilities{align-items:center;gap:.45rem;display:flex}.lab-text-link{color:var(--ink-soft);white-space:nowrap;font-size:.82rem;text-decoration:none}.lab-text-link:hover{color:var(--ink)}.lab-icon-btn{border:1px solid var(--line);width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;text-decoration:none;display:inline-flex}.lab-settings{position:relative}.lab-settings-panel{z-index:8;border:1px solid var(--line);background:var(--bg-elevated);box-shadow:var(--shadow-soft);border-radius:14px;padding:.65rem;position:absolute;top:calc(100% + .4rem);right:0}.lab-body{grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);min-width:0;min-height:0;display:grid}.lab-canvas-wrap{perspective:900px;place-items:center;min-width:0;padding:1.1rem;display:grid;position:relative}.lab-canvas{aspect-ratio:4/5;width:min(100%,560px);transform-style:preserve-3d;outline:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:radial-gradient(70% 42% at 50% 18%,#ffffffb8,#0000 58%),radial-gradient(80% 36% at 50% 100%,#2a221829,#0000 62%),#d4cfc4;border-radius:22px;position:relative;overflow:hidden}html[data-appearance=dark] .lab-canvas,html[data-theme=dark] .lab-canvas{background:radial-gradient(55% 38% at 50% 16%,#ffffff1a,#0000 52%),radial-gradient(70% 30% at 50% 100%,#0000008c,#0000 58%),#161714}.lab-studio{pointer-events:none;background:radial-gradient(at 50% 80%,#0000002e,#0000 55%);position:absolute;inset:0}.lab-floor{pointer-events:none;filter:blur(10px);background:radial-gradient(#00000047,#0000 68%);height:14%;position:absolute;bottom:7%;left:18%;right:18%}.lab-garment-stage{color:var(--garment,#161616);filter:drop-shadow(0 22px 26px #0000004d);transition:color var(--motion-ui) var(--ease), transform var(--motion-ui) var(--ease-out), filter var(--motion-ui) var(--ease);position:absolute;inset:4% 8% 9%}.lab-g-photo{place-items:center;display:grid;position:absolute;inset:0}.lab-g-stack{background-color:var(--garment,#161616);width:100%;height:100%;-webkit-mask-image:var(--g-url);mask-image:var(--g-url);position:relative;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.lab-g-tex{object-fit:contain;mix-blend-mode:overlay;opacity:.72;pointer-events:none;width:100%;height:100%}.lab-g-sheen{pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(at 32% 16%,#ffffff8c,#0000 52%);position:absolute;inset:0}.lab-garment-stage.is-swap .lab-g-stack{opacity:.45}.lab-garment-svg{width:100%;height:100%;display:none}.lab-garment-stage[data-has-photo="0"] .lab-garment-svg{display:block}.lab-garment-stage[data-has-photo="0"] .lab-g-photo,.lab-garment-svg [data-g]{display:none}.lab-garment-stage[data-shape=tshirt] [data-g=tshirt],.lab-garment-stage[data-shape=hoodie] [data-g=hoodie],.lab-garment-stage[data-shape=sweatshirt] [data-g=sweatshirt],.lab-garment-stage[data-shape=longleeve] [data-g=longleeve],.lab-garment-stage[data-shape=shopper] [data-g=shopper],.lab-garment-stage[data-shape=headwear] [data-g=headwear],.lab-garment-stage[data-shape=other] [data-g=other]{display:inline}.lab-garment-svg .fabric,.lab-garment-svg .rib,.lab-garment-svg .brim,.lab-garment-svg .hood{fill:currentColor}.lab-garment-svg .shade,.lab-garment-svg .pocket{fill:#000;opacity:.16}.lab-garment-svg .handle{fill:none;stroke:currentColor;stroke-width:10px;stroke-linecap:round}.lab-garment-stage[data-placement=back] .pocket,.lab-garment-stage[data-placement=back] .hood{opacity:.04}.lab-print-layer{pointer-events:none;position:absolute;inset:0}.lab-print{aspect-ratio:1;cursor:grab;touch-action:none;pointer-events:auto;filter:drop-shadow(0 6px 10px #0003);background-position:50%;background-repeat:no-repeat;background-size:contain;width:38%;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.lab-print.is-dragging{cursor:grabbing}.lab-print[data-effect=puff]{filter:contrast(1.04)drop-shadow(0 10px #00000047);transform:translate(-50%,-50%)scale(1.06)}.lab-print[data-effect=hd]{filter:contrast(1.22)saturate(1.05);box-shadow:0 0 0 2px #00000059,0 8px #0000002e}.lab-print[data-effect=metallic]{background-image:linear-gradient(115deg, transparent 28%, #ffffff9e 48%, transparent 64%), var(--print-img,none);animation:lab-shine 2.8s var(--ease) infinite;background-size:180% 100%,contain}.lab-safe{border:1px dashed color-mix(in srgb, var(--accent) 70%, #fff);pointer-events:none;width:36%;height:34%;position:absolute;top:22%;left:32%}.lab-sim-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-on-dark);background:#0000008c;border-radius:4px;padding:.3rem .5rem;font-size:.66rem;position:absolute;bottom:1rem;left:1rem}.lab-view{background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);border:1px solid var(--line);border-radius:12px;gap:.2rem;padding:.15rem;display:flex;position:absolute;top:.85rem;left:50%;transform:translate(-50%)}.lab-view[hidden]{display:none!important}.lab-view-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:32px;padding:0 .7rem;font-size:.78rem}.lab-view-btn[aria-pressed=true]{background:var(--bg);color:var(--ink)}.lab-panel{border-left:1px solid var(--line);background:var(--bg-elevated);align-content:start;min-width:0;min-height:0;padding:1.15rem 1.25rem 5.5rem;display:grid;overflow:auto}.lab-step-num{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-soft);margin:0 0 .2rem;font-size:.7rem}.lab-step-title{font-family:var(--font-display);letter-spacing:-.04em;max-width:none;margin:0 0 .35rem;font-size:clamp(1.45rem,2.4vw,2.1rem)}.lab-help{margin-bottom:.85rem;font-size:.95rem}.lab-options{gap:.5rem;margin:.35rem 0 .85rem;display:grid}.lab-options.is-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-option{border:1px solid var(--line);background:var(--bg);color:inherit;text-align:left;cursor:pointer;font:inherit;border-radius:14px;padding:.7rem .85rem}.lab-tile{border:1px solid var(--line);background:var(--bg);cursor:pointer;min-height:7.4rem;color:inherit;font:inherit;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);border-radius:16px;align-content:center;justify-items:center;gap:.4rem;padding:.8rem .45rem .65rem;font-size:.88rem;display:grid}.lab-tile:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.lab-tile[aria-pressed=true] .lab-mini{transform:scale(1.08)}.lab-mini{width:40px;height:48px;color:var(--ink);transition:transform var(--motion-fast) var(--ease-out);place-items:center;display:grid}.lab-tile[aria-pressed=true],.lab-option[aria-pressed=true],.lab-swatch[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lab-mini svg{width:100%;height:100%;display:block}.lab-mini .fabric{fill:currentColor}.lab-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.lab-swatch{border:1px solid var(--line);background:var(--bg);color:inherit;text-align:left;cursor:pointer;font:inherit;border-radius:14px;align-items:center;gap:.5rem;padding:.65rem .7rem;display:flex}.lab-dot{border:1px solid #0003;border-radius:50%;flex:none;width:1.05rem;height:1.05rem}.lab-drop-card{border-top:1px solid var(--line);margin-top:1.1rem;padding:.7rem 0 0}.lab-drop-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .2rem;font-size:.62rem}.lab-drop-main{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:1.05rem;font-weight:700}.lab-drop-sub{color:var(--ink-soft);margin:.15rem 0 0;font-size:.82rem}.lab-panel .lab-actions{display:none}.lab-footer{padding:.45rem clamp(.9rem, 2.4vw, 1.6rem) calc(.45rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg-elevated) 94%, transparent);backdrop-filter:blur(12px);z-index:8;justify-content:space-between;align-items:center;gap:.65rem;display:flex;position:sticky;bottom:0}.lab-drop-chip{color:var(--ink-soft);text-align:left;background:0 0;border:0;gap:.05rem;min-width:0;padding:0;font-size:.82rem;display:grid}.lab-drop-chip .lab-drop-kicker{font-size:.58rem}.lab-drop-chip .lab-drop-main{font-size:.92rem}.lab-drop-chip .lab-drop-sub{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.lab-actions{gap:.5rem;margin-left:auto;display:flex}.lab-actions .btn{border-radius:var(--radius-btn);min-height:44px;padding:.5rem 1.05rem}.lab-rec{border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:1rem}.lab-rec ul{margin:.5rem 0 0;padding-left:1.1rem}.lab-hidden{display:none!important}.lab-tools{align-items:center;gap:.45rem;margin-top:.65rem;display:flex}.lab-tools button{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:10px;width:36px;height:36px}.lab-file{font:inherit}@keyframes lab-shine{0%{background-position:-40% 0,50%}to{background-position:140% 0,50%}}@media (width>=880px){.lab-panel{padding-bottom:1.25rem}}@media (width<=879px){.lab-top{grid-template-columns:1fr auto}.lab-progress-wrap,.lab-text-link{display:none}.lab-body{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.lab-canvas-wrap{padding:.65rem .65rem 0}.lab-canvas{aspect-ratio:auto;border-radius:18px;width:100%;height:46svh;min-height:300px;max-height:460px}.lab-panel{border-left:0;border-top:1px solid var(--line);padding:.9rem 1rem 1.1rem;overflow:visible}.lab-options.is-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-drop-card{display:none}.lab-footer{z-index:8;padding-top:.4rem;padding-bottom:calc(.4rem + env(safe-area-inset-bottom))}.lab-actions .btn{min-height:42px;padding:.4rem .9rem}}@media (prefers-reduced-motion:reduce){.lab-print[data-effect=metallic]{animation:none}.lab-garment-stage{transition:none}.lab-tile,.lab-tile[aria-pressed=true] .lab-mini{transform:none}}html.js-motion .lab-tile{transition:transform var(--motion-base,.2s) var(--ease-emphasized,cubic-bezier(.16, 1, .3, 1)), border-color var(--motion-fast,.16s) var(--ease,cubic-bezier(.2, 0, 0, 1)), box-shadow var(--motion-base,.2s) var(--ease,cubic-bezier(.2, 0, 0, 1))}html.js-motion .lab-tile[aria-pressed=true]{transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}html.js-motion .lab-garment-stage,html.js-motion .lab-view{transition:opacity var(--motion-normal,.28s) var(--ease-soft,cubic-bezier(.33, 0, .2, 1)), filter var(--motion-normal,.28s) var(--ease-soft,cubic-bezier(.33, 0, .2, 1)), transform var(--motion-normal,.28s) var(--ease-soft,cubic-bezier(.33, 0, .2, 1))}html.js-motion .lab-print.is-placed{animation:lab-print-settle .48s var(--ease-emphasized,cubic-bezier(.16, 1, .3, 1))}@keyframes lab-print-settle{0%{opacity:.55;filter:blur(.4px);transform:scale(1.03)}to{opacity:1;filter:none;transform:scale(1)}}