.freehand-watercolor{margin:1.2rem 0}.watercolor-mode-tabs,.freehand-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;margin:.8rem 0}.watercolor-mode-tabs button,.freehand-toolbar button{border:2px solid #507361;border-radius:999px;background:#fff;color:#173d31;padding:.7rem .9rem;font-weight:850}.watercolor-mode-tabs .selected,#watercolor-start{background:#29463a;color:#fff}.freehand-studio{padding:clamp(.8rem,3vw,1.4rem);background:linear-gradient(135deg,#fff9ed,#edf6f1,#f5effa);border:2px solid #91aa9b;border-radius:1.4rem}.freehand-studio h3{font-size:clamp(1.5rem,4vw,2.3rem);margin:.15rem 0}.freehand-guidance{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.freehand-guidance article{padding:.8rem;background:#ffffffd9;border:1px solid #b7c8bd;border-radius:.8rem}.freehand-toolbar{align-items:center}.freehand-toolbar label{display:flex;align-items:center;gap:.35rem;font-weight:800}#freehand-watercolor-canvas{display:block;width:100%;min-height:420px;background:#fffdf8;border:3px solid #29463a;border-radius:1rem;box-shadow:0 18px 50px #1e3c2e29;touch-action:none}#freehand-status{padding:.7rem;background:#173d31;color:#fff;border-radius:.7rem;font-weight:750}.freehand-studio>label{display:grid;gap:.4rem;margin-top:1rem;font-weight:850}.freehand-studio textarea{padding:.8rem;border:2px solid #789487;border-radius:.8rem}@media(max-width:850px){.freehand-guidance{grid-template-columns:1fr 1fr}}@media(max-width:550px){.freehand-guidance{grid-template-columns:1fr}#freehand-watercolor-canvas{min-height:330px}}