.creative-lab{padding:35px 0 90px}.lab-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.lab-heading h2{font-weight:400;font-size:clamp(44px,6.5vw,90px);line-height:1.1;letter-spacing:-.06em;margin:18px 0 0}.lab-heading h2 em{font-family:Georgia,serif}.lab-heading p{font-size:16px;line-height:1.65;color:var(--muted);margin:0}.lab-shell{display:grid;grid-template-columns:230px 1fr;border:1px solid var(--line);background:var(--paper)}.lab-tools{padding:24px 20px;display:flex;flex-direction:column;gap:15px;border-right:1px solid var(--line)}.lab-label{font-size:11px;letter-spacing:1.2px;color:var(--muted);margin-top:8px}.lab-tool-buttons,.lab-shapes{display:flex;gap:7px;flex-wrap:wrap}.creative-lab button{border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:6px;padding:10px 12px;font-size:13px;cursor:pointer;transition:background .2s,opacity .2s}.creative-lab button:hover:not(:disabled){background:#e2e4d9}.creative-lab button.chosen,.creative-lab #lab-save{background:var(--ink);color:var(--paper);border-color:var(--ink)}.creative-lab button:disabled{opacity:.38;cursor:default}.lab-text-label,.lab-size-label{font-size:13px}.lab-text-row{display:flex;gap:6px}.lab-text-row input{min-width:0;width:100%;border:1px solid var(--line);background:transparent;padding:10px;font:inherit;font-size:14px;border-radius:6px}.lab-text-row button{flex-shrink:0}.lab-swatches{display:flex;gap:10px;padding:4px}.creative-lab .lab-swatches button{width:25px;height:25px;padding:0;border-radius:50%;background:var(--swatch);border:1px solid #00000015}.creative-lab .lab-swatches button.chosen{outline:1px solid var(--ink);outline-offset:4px;background:var(--swatch)}.creative-lab .lab-swatches button:hover{background:var(--swatch);transform:scale(1.1)}.lab-size-label{display:flex;justify-content:space-between;margin-top:5px}.lab-tools input[type=range]{width:100%;accent-color:var(--ink);margin:0}.lab-canvas-area{display:flex;flex-direction:column;min-width:0}.lab-canvas-top,.lab-canvas-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:11px;letter-spacing:1px;color:var(--muted);gap:15px}.lab-canvas-top{border-bottom:1px solid var(--line)}.lab-canvas-bottom{border-top:1px solid var(--line);letter-spacing:0;font-size:12px;min-height:49px}.lab-canvas-bottom span:last-child{flex-shrink:0}.lab-board{position:relative;display:flex;align-items:center;flex:1;background:#e6e5de;padding:22px;min-width:0}#lab-canvas{width:100%;height:auto;display:block;background:#fbfaf6;touch-action:none;box-shadow:0 8px 25px #22222208;cursor:grab;aspect-ratio:3/2}#lab-canvas.drawing{cursor:crosshair}#lab-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:italic clamp(22px,3vw,43px) Georgia,serif;color:#929589;pointer-events:none;white-space:nowrap}.lab-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.lab-footer>span{font-size:13px;color:var(--muted)}.lab-footer>div{display:flex;gap:8px}.creative-lab button:focus-visible,.creative-lab input:focus-visible,#lab-canvas:focus-visible{outline:2px solid #7163d5;outline-offset:4px}@media(max-width:900px){.lab-shell{grid-template-columns:195px 1fr}.lab-tools{padding:16px 12px}.lab-board{padding:12px}.lab-heading p{max-width:225px}}@media(max-width:650px){.creative-lab{padding-bottom:55px}.lab-heading{display:block}.lab-heading p{margin-top:20px;max-width:none}.lab-shell{display:flex;flex-direction:column}.lab-tools{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px}.lab-label{display:none}.lab-text-label{grid-column:1}.lab-text-row{grid-column:1/3}.lab-text-label{display:none}.lab-swatches{align-items:center}.lab-size-label{align-items:center}.lab-tools input[type=range]{grid-column:2;grid-row:4}.lab-tools #lab-remove{grid-column:1;grid-row:4}.lab-footer{align-items:start;flex-direction:column}.lab-footer>div{flex-wrap:wrap}.lab-canvas-top,.lab-canvas-bottom{padding:12px;font-size:10px}.lab-board{padding:10px}.lab-canvas-bottom span:last-child{display:none}.creative-lab button{font-size:12px;padding:10px}.lab-heading h2{font-size:54px}}