.lab{background:#080a0d}.lab-intro{padding:100px 0 52px}.lab-intro>div{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.lab-intro h1{letter-spacing:-.07em;margin:20px 0 0;font-size:clamp(70px,10vw,150px);line-height:.85}.lab-intro h1 em,.lab h2 em{color:#d9c8b9;font-family:Georgia,serif;font-weight:400}.lab-intro>div>div{max-width:360px;padding-bottom:8px}.lab-intro p{font-size:20px;line-height:1.6}.lab-intro small,.lab-note{color:#9c9fa6;line-height:1.6}.lab-free{color:#ffb58f;letter-spacing:.16em;background:#ff78450b;border:1px solid #ff784540;border-radius:30px;padding:9px 14px;font-size:10px;display:inline-block}.lab-tabs{border-bottom:1px solid #ffffff1c;gap:30px;margin-bottom:32px;display:flex}.lab-tabs button{color:#8c919c;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:23px 0}.lab-tabs button[aria-selected=true]{color:#f4f1e9;border-color:#ff7845}.lab-tabs button span{letter-spacing:.16em;color:#858b93;margin-top:9px;font-size:9px;display:block}.lab-grid{grid-template-columns:.8fr 1.2fr;gap:40px;display:grid}.lab-controls{background:linear-gradient(145deg,#ffffff08,#ffffff01);border:1px solid #ffffff13;border-radius:4px;padding:32px}.lab h2{letter-spacing:-.05em;margin:15px 0 30px;font-size:clamp(35px,4vw,58px);line-height:1.02}.lab label{color:#c4c5c8;flex-direction:column;gap:10px;margin:22px 0;font-size:12px;display:flex}.lab input,.lab textarea,.lab select{color:#e7e5df;font:inherit;background:#080b10;border:1px solid #ffffff20;border-radius:3px;min-width:0;max-width:100%;padding:14px}.lab textarea{resize:vertical;line-height:1.5}.lab input:focus,.lab textarea:focus,.lab select:focus{outline-offset:2px;outline:1px solid #ff9c73}.lab button:focus-visible,.lab-upload:focus-within{outline-offset:4px;outline:2px solid #ffb58f}.lab-control-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lab-control-row>label{flex:1;min-width:135px}.lab fieldset{border:0;margin:25px 0;padding:0}.lab legend{color:#c4c5c8;margin-bottom:12px;font-size:12px}.lab-palettes{flex-wrap:wrap;gap:8px;display:flex}.lab-palettes button{color:#a6a9af;text-transform:capitalize;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:3px;align-items:center;gap:7px;padding:10px 9px;font-size:10px;display:flex}.lab-palettes button[aria-pressed=true]{border-color:var(--swatch);color:#f5f0e9}.lab-palettes span{background:var(--swatch);border-radius:50%;width:10px;height:10px}.lab-secondary,.lab-upload{color:#e3e0da;font:inherit;cursor:pointer;background:#ffffff05;border:1px solid #ffffff26;border-radius:3px;padding:12px 16px;font-size:11px;line-height:1.5}.lab .lab-upload{margin:0;display:inline-block}.lab-upload input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.lab-text-button{color:#c9aca0;cursor:pointer;background:0 0;border:0;padding:14px 0;text-decoration:underline}.lab-note{margin-top:24px;font-size:10px;display:block}.lab-preview{background:#0d1015;border:1px solid #ffffff16;flex-direction:column;min-width:0;display:flex}.lab-canvas{background:radial-gradient(#ffffff05,#0000 75%);flex:1;place-items:center;min-height:520px;padding:30px;display:grid}.lab-canvas img{object-fit:contain;filter:drop-shadow(0 25px 35px #0007);width:100%;height:100%;max-height:640px}.lab-export{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:15px;padding:22px;display:flex}.lab-export>span{letter-spacing:.12em;font-size:10px;line-height:1.8}.lab-export small{letter-spacing:0;color:#9a9ea6;font-size:10px}.lab-export>div{gap:8px;display:flex}.lab .sts-button{white-space:nowrap;min-height:44px;font-size:11px}.lab button:disabled{opacity:.4;cursor:default}.lab-description{color:#a7acb4;font-size:13px;line-height:1.7}.lab-download-consent{background:#ff784508;border:1px solid #ff784526;margin-top:25px;padding:20px}.lab-download-consent strong{font-size:13px}.lab-download-consent p{color:#a8aab1;font-size:11px;line-height:1.7}.lab-download-consent .sts-button{margin-top:8px}.lab-progress{color:#c5a992;min-height:32px;font-size:11px;line-height:1.8}.lab-output{background:#ffffff03;border:1px solid #ffffff16;flex-direction:column;min-width:0;padding:30px 0 0;display:flex}.lab-output>.sts-eyebrow{padding:0 30px}.lab .lab-output-label{flex:1;padding:0 30px}.lab-output textarea{background:0 0;border:0;flex:1;min-height:370px;padding:0;font-size:17px;line-height:1.8}.lab-notice{color:#f4bf9c;background:#ff78450a;border:1px solid #ff784540;padding:18px;font-size:13px}.lab-next{text-align:center;border-top:1px solid #ffffff15;margin:100px 0 70px;padding-top:60px}.lab-next>div{justify-content:center;align-items:center;gap:25px;display:flex}.lab-next h2{font-size:clamp(38px,6vw,75px)}@media (width<=900px){.lab-grid{grid-template-columns:1fr;gap:20px}.lab-controls{padding:24px}.lab-intro{padding-top:65px}.lab-intro>div{align-items:flex-start}.lab-intro>div>div{max-width:250px}.lab-intro p{font-size:16px}.lab-canvas{min-height:350px}.lab-canvas img{max-height:520px}}@media (width<=600px){.lab-intro>div{display:block}.lab-intro>div>div{max-width:none;margin-top:35px}.lab-intro h1{font-size:88px}.lab-tabs{gap:20px}.lab-tabs button{flex:1;font-size:12px}.lab-tabs button span{font-size:8px}.lab-canvas{padding:18px}.lab-export{flex-direction:column;align-items:flex-start;padding:18px}.lab-export>div{width:100%}.lab-export>div>button{flex:1}.lab-next>div{flex-direction:column;gap:20px}.lab-controls{padding:20px}.lab-output{padding-top:24px}.lab .lab-output-label,.lab-output>.sts-eyebrow{padding-left:22px;padding-right:22px}.lab-output textarea{font-size:15px}.lab-control-row>button{flex:1}}
