.mp .mp-dot{display:block;border-radius:50%;background:currentColor}.mp-toolcol{width:96px;display:flex;flex-direction:column;gap:12px;padding:11px 10px;background:linear-gradient(180deg,#FAF8F2,var(--mr-cream-100));border-right:1px solid var(--mr-cream-300);box-shadow:inset -1px 0 0 rgba(255,255,255,.6)}.mp-toolgrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px}.mp-fgbg-wrap{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--mr-cream-300)}.mp-swap{width:22px;height:22px;border-radius:6px;border:1px solid var(--mr-cream-300);background:var(--mr-cream-100);cursor:pointer;color:var(--mr-ink-700);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{flex:1 1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:16px;background:repeating-conic-gradient(rgba(11,6,15,.05) 0 25%,transparent 0 50%) 50%/20px 20px}.mp-canvas{display:block;max-width:100%;max-height:100%;background:#fff;border:1px solid var(--mr-cream-300);border-radius:6px;box-shadow:0 6px 20px rgba(11,6,15,.14),inset 0 1px 0 rgba(255,255,255,.8);touch-action:none;image-rendering:auto}.mp-cur-brush .mp-canvas,.mp-cur-ellipse .mp-canvas,.mp-cur-line .mp-canvas,.mp-cur-pencil .mp-canvas,.mp-cur-rect .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{position:absolute;z-index:5;background:rgba(255,255,255,.7);border:1px dashed var(--mr-moon-purple);border-radius:4px;padding:1px 4px;outline:none;font-family:var(--font-display);font-weight:600;min-width:60px}.mp-palette{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:9px 12px;border-top:1px solid var(--mr-cream-300);background:var(--mr-cream-100);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.mp-pal{width:20px;height:20px;border-radius:5px;cursor:pointer;border:1px solid rgba(11,6,15,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -2px 3px rgba(11,6,15,.12)}.mp-pal:hover{transform:translateY(-1px)}.mp-hint{font-family:var(--font-mono);font-size:9.5px;color:var(--mr-ink-400);margin-left:auto}.mp-palette.stamps{gap:7px}.mp-stamp{width:32px;height:32px;border-radius:8px;border:1px solid var(--mr-cream-300);background:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.mp-stamp:hover{border-color:var(--mr-purple-300)}.mp-stamp.on{border-color:var(--mr-moon-purple);box-shadow:0 0 0 2px rgba(139,123,255,.2)}.mp-stamp img{width:100%;height:100%;object-fit:contain}@media (prefers-reduced-motion:reduce){.mp-pal:hover{transform:none}}