:root{--wear-green:#93ff2e;--wear-green-2:#5eea17;--wear-gold:#d8b66c;--wear-ink:#070807;--wear-panel:#0e110f;--wear-line:rgba(147,255,46,.25);--wear-muted:#b8b9b8}
body.voice-wear-lab{background:#050605;color:#f5f3ec}
.voice-wear-lab main{overflow:hidden}
.wearlab-wrap{max-width:1480px;margin:0 auto;padding:0 clamp(14px,3vw,40px) 80px}
.wearlab-hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);min-height:700px;margin-top:18px;border:1px solid rgba(216,182,108,.24);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(147,255,46,.16),transparent 35%),linear-gradient(135deg,#0a0b09,#11150f 52%,#050505);box-shadow:0 40px 90px rgba(0,0,0,.45)}
.wearlab-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.wearlab-hero-copy{position:relative;z-index:2;align-self:center;padding:clamp(28px,5vw,76px)}
.wearlab-kicker,.wearlab-micro{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--wear-gold);font-weight:800}
.wearlab-hero h1{font-size:clamp(4rem,9vw,8.8rem);line-height:.82;margin:.25rem 0 1.2rem;text-transform:uppercase;letter-spacing:-.055em}.wearlab-hero h1 span{display:block;color:var(--wear-green);text-shadow:0 0 30px rgba(147,255,46,.25)}
.wearlab-hero .lede{max-width:660px;font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.62;color:#d7d4cd}
.wearlab-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.wearlab-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#111;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.06em;cursor:pointer}.wearlab-btn.primary{background:var(--wear-green);border-color:var(--wear-green);color:#071000;box-shadow:0 0 28px rgba(147,255,46,.22)}
.wearlab-hero-visual{position:relative;min-height:700px}.wearlab-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.wearlab-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0c0a 0%,transparent 28%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 42%)}
.wearlab-float-note{position:absolute;z-index:3;right:20px;bottom:20px;max-width:270px;padding:14px 16px;border:1px solid rgba(147,255,46,.35);border-radius:16px;background:rgba(6,8,6,.82);backdrop-filter:blur(12px);font-size:.86rem;color:#d8d8d2}.wearlab-float-note strong{color:var(--wear-green);display:block;margin-bottom:5px}
.wearlab-looks{padding:44px 0 24px}.wearlab-section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.wearlab-section-head h2{font-size:clamp(2rem,4vw,4rem);line-height:.95;margin:.35rem 0}.wearlab-section-head p{max-width:600px;color:var(--wear-muted);line-height:1.55}
.voice-look-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.voice-look-card{position:relative;min-height:280px;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;background:#0a0c0a;cursor:pointer;padding:0;text-align:left;color:#fff;transition:.2s ease}.voice-look-card:hover,.voice-look-card.is-active{transform:translateY(-3px);border-color:var(--wear-green);box-shadow:0 0 28px rgba(147,255,46,.16)}.voice-look-card img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}.voice-look-card::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.92))}.voice-look-card .look-copy{position:absolute;z-index:2;left:14px;right:14px;bottom:14px}.voice-look-card strong{display:block;font-size:1rem}.voice-look-card span{color:#c9cbc5;font-size:.78rem}.voice-look-card .look-num{position:absolute;z-index:2;top:10px;left:10px;background:rgba(4,5,4,.78);border:1px solid rgba(147,255,46,.3);border-radius:999px;padding:5px 8px;color:var(--wear-green);font-weight:900;font-size:.72rem}
.look-hint{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--wear-green);background:rgba(147,255,46,.05);color:#d0d2cc;font-size:.9rem}
.wear-stepper{position:sticky;top:8px;z-index:30;margin:26px 0 18px;padding:10px;border:1px solid rgba(147,255,46,.2);border-radius:22px;background:rgba(6,7,6,.88);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.wear-step{min-height:64px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0c0e0c;color:#c8cbc4;cursor:pointer;text-align:left}.wear-step b{display:flex;align-items:center;gap:7px;font-size:.76rem}.wear-step i{font-style:normal;display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background:#1c211b;color:var(--wear-green);font-size:.72rem}.wear-step small{display:block;margin-top:5px;font-size:.66rem;color:#7f867c}.wear-step:hover,.wear-step.is-active{border-color:var(--wear-green);background:rgba(147,255,46,.08);color:#fff}
.wear-builder-title{margin:42px 0 20px}.wear-builder-title h2{font-size:clamp(3rem,7vw,7rem);line-height:.86;margin:.35rem 0}.wear-builder-title h2 span{color:var(--wear-green)}.wear-builder-title p{color:#c7cac3;max-width:760px}
.voice-wear-lab .wear-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:18px;align-items:start;background:none;border:0;padding:0}
.voice-wear-lab .wear-preview-panel,.voice-wear-lab .wear-controls{border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(180deg,rgba(17,20,17,.96),rgba(6,7,6,.98));box-shadow:none}
.voice-wear-lab .wear-preview-panel{position:sticky;top:96px;padding:18px}.voice-wear-lab .wear-controls{padding:12px;display:grid;gap:10px}
.voice-wear-lab .wear-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.voice-wear-lab .wear-preview-head h2{margin:.2rem 0}.voice-wear-lab .view-tabs button{border-radius:999px}.voice-wear-lab .garment-stage{min-height:530px;border-radius:22px;background:radial-gradient(circle at center,rgba(147,255,46,.12),transparent 48%),#090b09;border:1px solid rgba(147,255,46,.13)}
.lab-step-card{border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:16px;background:#0b0d0b;scroll-margin-top:110px}.lab-step-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.lab-step-head .num{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--wear-green);color:#071000;font-weight:1000;box-shadow:0 0 22px rgba(147,255,46,.18)}.lab-step-head h3{margin:0;font-size:1.12rem}.lab-step-head p{margin:.2rem 0 0;color:#949a91;font-size:.85rem}.lab-step-card label{font-weight:800;color:#e8e9e5}.lab-step-card select,.lab-step-card input[type=text],.lab-step-card input[type=file],.lab-step-card input[type=email],.lab-step-card textarea{border-radius:12px}
.live-piece-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.piece-button{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#111;color:#fff;cursor:pointer;text-align:left}.piece-button strong{display:block}.piece-button span{font-size:.76rem;color:#9da39b}.piece-button.is-active{border-color:var(--wear-green);background:rgba(147,255,46,.08)}.coming-pieces{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.coming-pieces span{padding:8px;border-radius:12px;background:#101210;border:1px dashed rgba(255,255,255,.09);font-size:.72rem;color:#777d75;text-align:center}.coming-pieces span::after{content:" • sample-gated";color:#596058}
.swatch-row{display:flex;gap:9px;flex-wrap:wrap}.swatch{width:38px;height:38px;border-radius:50%;border:3px solid #252925;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.swatch[data-color=black]{background:#1c1d21}.swatch[data-color=bone]{background:#d9d0bf}.swatch[data-color=oxblood]{background:#561522}.swatch.is-active{outline:2px solid var(--wear-green);outline-offset:3px}
.size-chip-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.size-chip{border:1px solid rgba(255,255,255,.1);background:#111;color:#fff;border-radius:11px;padding:10px 4px;cursor:pointer}.size-chip.is-active{border-color:var(--wear-green);color:var(--wear-green)}
.quick-upload{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-upload .file-label,.quick-upload button{min-height:48px}.advanced-edit{margin-top:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.advanced-edit summary{cursor:pointer;color:var(--wear-green);font-weight:900}.advanced-edit .advanced-grid{display:grid;gap:9px;margin-top:10px}
.lab-action-row{display:flex;gap:8px;flex-wrap:wrap}.lab-action-row>*{flex:1 1 160px}.voice-wear-lab .studio-button{background:var(--wear-green);color:#071000;border-color:var(--wear-green)}.voice-wear-lab .secondary{border-color:rgba(147,255,46,.22)}
.status-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.status-stack>div{padding:10px;border-radius:14px;background:#0c0f0c;border:1px solid rgba(255,255,255,.08)}.status-stack span{display:block;color:#81877f;font-size:.65rem;letter-spacing:.11em}.status-stack strong{display:block;font-size:.78rem;margin-top:4px;color:#eef1eb}
.voice-wear-lab .wear-journey{margin-top:34px;border-radius:28px;border-color:rgba(147,255,46,.18);background:linear-gradient(180deg,#0e110f,#080908)}.voice-wear-lab .journey-heading h2{font-size:clamp(2.7rem,6vw,6rem);line-height:.88}.voice-wear-lab .journey-grid{gap:12px}.voice-wear-lab .journey-card{border-radius:20px}.make-real-banner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:18px 20px;margin-top:22px;border:1px solid rgba(147,255,46,.2);border-radius:20px;background:rgba(147,255,46,.05)}.make-real-banner strong{font-size:1.2rem}.make-real-banner span{display:block;color:#aeb3aa;font-size:.86rem;margin-top:3px}.make-real-banner b{color:var(--wear-green)}
.voice-wear-lab .wear-saved{margin-top:28px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:#0a0c0a;padding:20px}.voice-wear-lab .studio-footer{margin-top:20px}
@media(max-width:1120px){.wearlab-hero{grid-template-columns:1fr;min-height:0}.wearlab-hero-visual{min-height:520px}.voice-look-strip{grid-template-columns:repeat(3,1fr)}.voice-wear-lab .wear-shell{grid-template-columns:1fr}.voice-wear-lab .wear-preview-panel{position:relative;top:auto}.wear-stepper{grid-template-columns:repeat(4,1fr);position:relative;top:auto}}
@media(max-width:720px){.wearlab-wrap{padding-left:12px;padding-right:12px}.wearlab-hero{border-radius:22px}.wearlab-hero-copy{padding:24px 18px}.wearlab-hero h1{font-size:clamp(3.1rem,18vw,5rem)}.wearlab-hero-visual{min-height:460px}.voice-look-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.voice-look-card{min-width:72vw;scroll-snap-align:center}.wear-stepper{display:flex;overflow-x:auto;border-radius:16px}.wear-step{min-width:145px}.voice-wear-lab .wear-preview-panel,.voice-wear-lab .wear-controls{border-radius:20px}.voice-wear-lab .garment-stage{min-height:430px}.size-chip-row{grid-template-columns:repeat(3,1fr)}.status-stack{grid-template-columns:1fr}.quick-upload{grid-template-columns:1fr}.make-real-banner{grid-template-columns:1fr}.wearlab-section-head{display:block}}