.lab-page{max-width:1300px}.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0}.lab-heading h1{font-size:clamp(30px,5vw,52px);line-height:1;margin:8px 0}.lab-heading p{margin:8px 0;color:#bfb2cf}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.lab-workbench{min-width:0;border:1px solid #665078;border-radius:16px;overflow:hidden;background:#15101e;padding:14px}.lab-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 10px}.lab-top strong{color:#cfbaff}.lab-top span{font-size:14px;color:#bcb2cc}#lab-canvas{display:block;width:100%;height:auto;aspect-ratio:9/7;background:#090d18;image-rendering:pixelated;touch-action:none;cursor:crosshair;border:1px solid #433853;border-radius:4px}#lab-canvas:focus-visible{outline:3px solid #b39aff;outline-offset:3px}.lab-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lab-controls button{padding:8px 13px;font-size:14px}.lab-settings{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}.lab-settings label{flex:1;min-width:140px;font-size:14px;color:#d8cdeb}.lab-settings input{display:block;width:100%;accent-color:#b39aff;min-height:36px}.lab-settings select{display:block;width:100%;background:#261c34;color:#fff;border:1px solid #71578c;font:inherit;padding:8px;border-radius:6px;min-height:40px}#lab-status{font-size:14px;color:#c4b5d7;min-height:44px}.lab-sidebar{background:#f1ebff;border-radius:16px;padding:18px;color:#20162d;align-self:start}.lab-sidebar h2{margin:0 0 12px;font-size:21px}.lab-sidebar p{font-size:14px;line-height:1.6;color:#554463}.lab-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.lab-palette button{position:relative;padding:9px 6px 9px 25px;min-height:44px;font-size:14px;background:#fff;color:#20162d;border:1px solid #b3a2c6;border-radius:7px;text-align:left}.lab-palette button:before{content:'';position:absolute;left:8px;top:17px;width:10px;height:10px;border-radius:2px;background:var(--swatch)}.lab-palette button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #6941b0;background:#e3d6ff;font-weight:bold}.lab-experiments{display:grid;grid-template-columns:1fr;gap:7px}.lab-experiments button{text-align:left;font-size:14px}.lab-disclaimer{border-top:1px solid #c5b7d8;padding-top:12px}@media(max-width:850px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.lab-sidebar h2,.lab-sidebar>p{grid-column:1/-1}.lab-palette{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.lab-experiments{grid-column:1/-1;grid-template-columns:1fr 1fr}.lab-heading{padding:18px 0}}@media(max-width:430px){.lab-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-top span{font-size:12px}.lab-heading{align-items:flex-start;flex-direction:column;gap:0}.lab-workbench{padding:10px}}