.rakugaki-editor-wrap{align-items:flex-start;background:#fafafa;border:1px dashed #ccc;border-radius:4px;display:flex;flex-direction:column;gap:12px;padding:12px;width:-moz-fit-content;width:fit-content}.rakugaki-canvas{border:1px solid #e0d9c8;border-radius:2px;cursor:crosshair;display:block;max-width:100%;touch-action:none}.rakugaki-palette{display:flex;flex-wrap:wrap;gap:6px;max-width:240px}.rakugaki-color{background-color:var(--swatch-color);border:2px solid transparent;border-radius:50%;cursor:pointer;height:28px;padding:0;transition:transform .1s ease,border-color .1s ease;width:28px}.rakugaki-color:hover{transform:scale(1.15)}.rakugaki-color.is-selected{border-color:#1e1e1e;box-shadow:inset 0 0 0 2px #fff;transform:scale(1.15)}.rakugaki-controls{display:flex;gap:8px}.rakugaki-btn{background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;font-size:12px;padding:4px 12px;transition:background .15s ease}.rakugaki-btn:hover:not(:disabled){background:#f0f0f0}.rakugaki-btn:disabled{cursor:not-allowed;opacity:.4}.rakugaki-btn--clear{border-color:#d63638;color:#d63638}.rakugaki-btn--clear:hover:not(:disabled){background:#fce8e8}