.sand-main{max-width:1120px}.sand-main h1{margin-bottom:8px}.sand-lead{font-size:clamp(17px,2.5vw,21px);margin-top:0;color:#4d6870}.sand-workspace{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:20px;align-items:start;margin-top:24px}.sand-controls{display:grid;gap:18px;padding:20px;border:1px solid #c8dad2;border-radius:24px;background:#fffefa;box-shadow:0 10px 30px #27423a12}.sand-controls fieldset{border:0;padding:0;margin:0}.sand-controls legend,.brush-control>span{font-weight:800;margin-bottom:10px}.sand-swatches{display:grid;grid-template-columns:repeat(3,52px);gap:10px}.sand-swatches button,.custom-color{width:52px;height:52px;min-height:52px;padding:0;border:3px solid transparent;border-radius:16px;background:var(--swatch)}.sand-swatches button[aria-pressed=true]{border-color:#263d3a;box-shadow:0 0 0 3px #fff inset}.custom-color{display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#ff6b6b,#ffd166,#55d6be,#73a7ff,#c99bff);color:#152f35;font-size:11px;font-weight:900}.custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.rainbow-control{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border:2px solid #bdd0c8;border-radius:16px;font-weight:750}.rainbow-control input{width:24px;height:24px}.brush-control{display:grid;gap:7px}.brush-control input{width:100%;accent-color:#176d66}.brush-control output{color:#56716e;font-size:14px}.sand-actions{display:grid;grid-template-columns:1fr;gap:9px}.sand-actions button{width:100%}.sand-stage{min-width:0;border-radius:26px;padding:12px;background:linear-gradient(145deg,#1a3545,#241d3d);box-shadow:0 14px 38px #1b2b4030}.sand-stage canvas{display:block;width:100%;height:auto;aspect-ratio:5/3;border-radius:17px;background:#081118;cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 2px #ffffff1d}.sand-stage canvas:focus-visible{outline:4px solid #ffd166;outline-offset:5px}.sand-status{min-height:28px;margin:10px 5px 2px;color:#eef9f5;font-size:14px}.sand-grownups{margin:24px 0;padding:16px 18px;border:1px solid #d2ded9;border-radius:18px;background:#ffffffaa;color:#47615e}.sand-grownups summary{min-height:44px;display:flex;align-items:center;font-weight:800;cursor:pointer}.sand-grownups p{font-size:14px}.sand-swatches button:focus-visible,.custom-color:focus-within{outline:4px solid #bd641a;outline-offset:3px}@media(max-width:760px){.sand-workspace{grid-template-columns:1fr}.sand-controls{grid-template-columns:1fr 1fr;align-items:start}.sand-controls fieldset{grid-row:span 2}.sand-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.sand-swatches{grid-template-columns:repeat(3,48px)}.sand-swatches button,.custom-color{width:48px;height:48px;min-height:48px}}@media(max-width:470px){.sand-main{padding-left:12px;padding-right:12px}.sand-controls{grid-template-columns:1fr;padding:14px}.sand-controls fieldset,.sand-actions{grid-column:auto;grid-row:auto}.sand-actions{grid-template-columns:1fr}.sand-stage{padding:8px;border-radius:20px}.sand-stage canvas{border-radius:14px}.sand-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.sand-swatches button,.custom-color{width:100%;height:44px;min-height:44px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.sand-stage{box-shadow:none}}