.lab-page{background:var(--black)}.lab-shell{min-height:100svh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:var(--black);color:var(--white)}.lab-header{border-bottom:1px solid var(--line-light);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:3.5rem;padding-bottom:.75rem;font-size:.62rem;display:grid}.lab-header a{align-content:center;min-height:2.75rem}.lab-header p:nth-child(2){text-align:center}.lab-header p:last-child{text-align:right}.lab-layout{background:var(--line-light);grid-template-columns:minmax(19rem,.75fr) minmax(25rem,1.7fr);gap:1px;min-height:calc(100svh - 5.25rem);display:grid}.lab-controls,.lab-preview{background:var(--black)}.lab-controls{align-content:start;gap:0;padding:clamp(1rem,2.5vw,2.5rem);display:grid}.lab-controls__heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:3rem;display:flex}.lab-controls__heading h1{letter-spacing:-.075em;text-align:right;font-size:clamp(3.4rem,6vw,7rem);line-height:.72}.lab-controls>label,.lab-controls fieldset{border:0;border-top:1px solid var(--line-light);grid-template-columns:minmax(6rem,.8fr) minmax(0,1.8fr);align-items:center;gap:1rem;min-width:0;padding-block:.8rem;display:grid}.lab-controls>label>span,.lab-controls legend{letter-spacing:.06em;text-transform:uppercase;padding:0;font-size:.65rem}.lab-controls select,.lab-controls textarea{border:1px solid var(--line-light);background:var(--black);width:100%;min-width:0;color:var(--white);border-radius:0}.lab-controls select{height:2.75rem;padding-inline:.75rem 2rem}.lab-controls textarea{resize:vertical;min-height:8rem;padding:.75rem}.lab-controls [hidden]{display:none}.lab-variants{background:var(--line-light);border:1px solid var(--line-light);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.lab-variants label{background:var(--black);cursor:pointer;place-items:center;min-height:2.75rem;display:grid}.lab-variants input{opacity:0;position:absolute}.lab-variants label:has(input:checked){background:var(--white);color:var(--black);font-weight:var(--weight-black)}.lab-variants label:focus-within{outline:2px solid var(--white);outline-offset:2px}.lab-variants .is-disabled{cursor:not-allowed;opacity:.25}.lab-controls>.solid-button{border-color:var(--white);background:var(--white);width:100%;color:var(--black);margin-top:1.5rem}.lab-preview{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding:clamp(1rem,2.5vw,2.5rem);display:grid}.lab-preview__top,.lab-export{border-bottom:1px solid var(--line-light);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;font-size:.65rem;display:flex}.lab-preview__top h2{font-size:.65rem}.lab-canvas-wrap{background:var(--black);place-items:center;min-height:0;padding:1.5rem;display:grid;position:relative;overflow:hidden}.lab-canvas-wrap:before,.lab-canvas-wrap:after{z-index:0;background:var(--line-light);content:"";position:absolute}.lab-canvas-wrap:before{width:1px;top:0;bottom:0;left:50%}.lab-canvas-wrap:after{height:1px;top:50%;left:0;right:0}.lab-canvas-wrap canvas{z-index:1;background:var(--warm);width:auto;max-width:100%;height:auto;max-height:calc(100svh - 13rem);position:relative}.lab-export{border-top:1px solid var(--line-light);border-bottom:0;justify-content:flex-end;padding-top:.75rem}.lab-export button{border-color:var(--white)}@media (width<=900px){.lab-layout{grid-template-columns:minmax(17rem,.8fr) minmax(20rem,1.2fr)}.lab-controls>label,.lab-controls fieldset{grid-template-columns:1fr;gap:.5rem}}@media (width<=700px){.lab-shell{padding-inline:0}.lab-header{grid-template-columns:1fr auto;margin-inline:1rem}.lab-header p:nth-child(2){display:none}.lab-layout{display:block}.lab-controls{padding:3rem 1rem}.lab-controls__heading h1{font-size:16vw}.lab-preview{border-top:1px solid var(--line-light);min-height:100svh;padding:1rem}.lab-canvas-wrap{background:var(--black);padding:1rem 0}.lab-canvas-wrap canvas{max-height:calc(100svh - 12rem)}.lab-export{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (prefers-reduced-motion:reduce){.lab-canvas-wrap canvas{transition:none}}