.drawing-input{max-width:440px;margin:8px auto;text-align:center}.ink-modes{display:flex;justify-content:center;gap:8px;margin:6px 0 10px}.ink-modes button{min-height:44px;padding:6px 16px;font-size:15px}.ink-modes [aria-pressed=true]{background:#eee4f7;border:2px solid #9270b3}.ink-paper{display:flex;justify-content:center;gap:10px}.ink-cell{width:min(180px,48%);aspect-ratio:1;position:relative;background:#fffbfe;border:2px dashed #b79acb;border-radius:20px;overflow:hidden}.ink-cell canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.ink-cell:has(canvas[aria-disabled=true]){opacity:.8}.ink-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#aa91b5;pointer-events:none}.ink-instruction{font-size:13px;line-height:1.45;margin:8px 0;color:#76647f}.ink-status{font-size:15px;line-height:1.45;margin:6px 0;min-height:42px}.ink-actions{gap:6px}.ink-actions button{min-height:44px;padding:6px 12px;font-size:14px}.answer-input-modes{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.answer-input-modes button{padding:8px 12px}#answer.drawing-readout{display:none}#play:has(.drawing-input) #preview{margin:5px 0;font-size:15px}#useDrawing[aria-pressed=true]{background:#eee4f7;border-color:#9270b3}@media(max-width:420px){.ink-cell{width:min(160px,48%)}.ink-actions button{font-size:12px;padding:6px 9px}.ink-instruction{font-size:12px}.ink-status{font-size:14px}}@media(prefers-reduced-motion:reduce){.drawing-input *{transition:none;animation:none}}
.icon-button.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;min-width:52px;min-height:52px;padding:12px;border-radius:16px}.icon-button svg{width:28px;height:28px;pointer-events:none}.icon-button[aria-pressed=true]{background:#eee4f7;border:2px solid #9270b3}.ink-modes,.ink-actions{gap:12px}.answer-input-modes{gap:12px}