.mp .mp-dot{background:currentColor;border-radius:50%;display:block}.mp-toolcol{background:linear-gradient(180deg,#faf8f2,var(--mr-cream-100));border-right:1px solid var(--mr-cream-300);flex-direction:column;gap:12px;width:96px;padding:11px 10px;display:flex;box-shadow:inset -1px 0 #fff9}.mp-toolgrid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.mp-fgbg-wrap{border-top:1px solid var(--mr-cream-300);align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.mp-swap{border:1px solid var(--mr-cream-300);background:var(--mr-cream-100);cursor:pointer;width:22px;height:22px;color:var(--mr-ink-700);border-radius:6px;font-size:13px;line-height:1}.mp-swap:hover{border-color:var(--mr-purple-300)}.mr-fgbg .sw{cursor:pointer}.mr-stage{background:var(--mr-cream-200)}.mp-canvaswrap{background:repeating-conic-gradient(#0b060f0d 0% 25%,#0000 0% 50%) 50%/20px 20px;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;position:relative}.mp-canvas{border:1px solid var(--mr-cream-300);touch-action:none;image-rendering:auto;background:#fff;border-radius:6px;max-width:100%;max-height:100%;display:block;box-shadow:0 6px 20px #0b060f24,inset 0 1px #fffc}.mp-cur-pencil .mp-canvas,.mp-cur-brush .mp-canvas,.mp-cur-line .mp-canvas,.mp-cur-rect .mp-canvas,.mp-cur-ellipse .mp-canvas{cursor:crosshair}.mp-cur-fill .mp-canvas{cursor:cell}.mp-cur-dropper .mp-canvas{cursor:copy}.mp-cur-eraser .mp-canvas{cursor:cell}.mp-cur-text .mp-canvas{cursor:text}.mp-cur-stamp .mp-canvas{cursor:copy}.mp-cur-airbrush .mp-canvas,.mp-cur-curve .mp-canvas{cursor:crosshair}.mp-textbox{z-index:5;border:1px dashed var(--mr-moon-purple);font-family:var(--font-display);background:#ffffffb3;border-radius:4px;outline:none;min-width:60px;padding:1px 4px;font-weight:600;position:absolute}.mp-palette{border-top:1px solid var(--mr-cream-300);background:var(--mr-cream-100);flex-wrap:wrap;align-items:center;gap:5px;padding:9px 12px;display:flex;box-shadow:inset 0 1px #ffffffb3}.mp-pal{cursor:pointer;border:1px solid #0b060f38;border-radius:5px;width:20px;height:20px;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -2px 3px #0b060f1f}.mp-pal:hover{transform:translateY(-1px)}.mp-hint{font-family:var(--font-mono);color:var(--mr-ink-400);margin-left:auto;font-size:9.5px}.mp-palette.stamps{gap:7px}.mp-stamp{border:1px solid var(--mr-cream-300);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:flex}.mp-stamp:hover{border-color:var(--mr-purple-300)}.mp-stamp.on{border-color:var(--mr-moon-purple);box-shadow:0 0 0 2px #8b7bff33}.mp-stamp img{object-fit:contain;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.mp-pal:hover{transform:none}}