@keyframes MandalaMaker-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.MandalaMaker{justify-items:center;gap:14px;display:grid}.MandalaMaker_Toolbar{background:var(--secondary-background-color,#f4f4f4);border-radius:20px;gap:10px;width:100%;max-width:640px;padding:10px;display:grid}.MandalaMaker_Toolbar_Head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.MandalaMaker_Toolbar_Tools{flex-wrap:wrap;gap:8px;display:flex}.MandalaMaker_Toolbar_History{gap:6px;margin-inline-start:auto;display:flex}.MandalaMaker_Tool{background:var(--primary-bg-color,#fff);height:38px;color:var(--primary-color,#222);cursor:pointer;border:1px solid #8080804d;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.MandalaMaker_Tool:hover{border-color:var(--highlight-color,#7862d7)}.MandalaMaker_Tool.is-active{border-color:var(--highlight-color,#7862d7);color:var(--highlight-color,#7862d7);background:#7862d71a}@media (max-width:520px){.MandalaMaker_Tool_Label{display:none}}.MandalaMaker_Tool_Swatch{border:1px solid #80808059;border-radius:4px;width:16px;height:16px;display:block}.MandalaMaker_Tool_Badge{color:var(--highlight-color,#7862d7);background:#7862d71f;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.MandalaMaker_IconButton{background:var(--primary-bg-color,#fff);width:38px;height:38px;color:var(--primary-color,#222);cursor:pointer;border:1px solid #8080804d;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:inline-flex}.MandalaMaker_IconButton:disabled{opacity:.4;cursor:default}.MandalaMaker_IconButton:not(:disabled):hover{border-color:var(--highlight-color,#7862d7);color:var(--highlight-color,#7862d7)}.MandalaMaker_IconButton.is-active{border-color:var(--highlight-color,#7862d7);color:var(--highlight-color,#7862d7);background:#7862d71a}.MandalaMaker_Chip_Dots{gap:2px;display:inline-flex}.MandalaMaker_Chip_Dots i{border-radius:2px;width:8px;height:8px;display:block}.MandalaMaker_Panel{background:var(--primary-bg-color,#fff);border-radius:10px;gap:12px;padding:14px 16px;animation:.16s MandalaMaker-drop;display:grid}.MandalaMaker_Panel_Row{grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}@media (max-width:520px){.MandalaMaker_Panel_Row{grid-template-columns:1fr}}.MandalaMaker_Panel_Label{opacity:.8;font-size:13px;font-weight:600}.MandalaMaker_Panel_Value{text-align:end;opacity:.7;min-width:40px;font-size:13px}.MandalaMaker_Panel_Preview{justify-content:center;align-items:center;width:40px;height:28px;display:flex}.MandalaMaker_Panel_Preview_Dot{border:1px solid #8080804d;border-radius:50%;display:block}.MandalaMaker_Panel_Swatches{flex-wrap:wrap;grid-column:2/-1;align-items:center;gap:8px;display:flex}@media (max-width:520px){.MandalaMaker_Panel_Swatches{grid-column:1}}.MandalaMaker_Panel_SwitchRow{align-items:center;gap:10px;display:inline-flex}.MandalaMaker_Panel_Hint{opacity:.6;font-size:12px}.MandalaMaker_Panel_Icon{opacity:.6}.MandalaMaker_Panel input[type=range]{width:100%;accent-color:var(--highlight-color,#7862d7)}.MandalaMaker_Panel input[type=color]{cursor:pointer;background:0 0;border:1px solid #80808059;border-radius:8px;width:26px;height:26px;padding:0;overflow:hidden}.MandalaMaker_Swatch{cursor:pointer;border:1px solid #80808059;border-radius:8px;width:26px;height:26px;padding:0;transition:transform .12s}.MandalaMaker_Swatch:hover{transform:scale(1.1)}.MandalaMaker_Swatch.is-active{border:2px solid var(--highlight-color,#7862d7);box-shadow:0 0 0 2px #7862d740}.MandalaMaker_Toggle,.MandalaMaker_Chip{background:var(--primary-bg-color,#fff);height:30px;color:var(--primary-color,#222);cursor:pointer;border:1px solid #8080804d;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;display:inline-flex}.MandalaMaker_Toggle.is-active,.MandalaMaker_Chip.is-active{background:var(--highlight-color,#7862d7);border-color:var(--highlight-color,#7862d7);color:#fff}.MandalaMaker_Select{background:var(--primary-bg-color,#fff);height:34px;color:var(--primary-color,#222);cursor:pointer;border:1px solid #8080804d;border-radius:10px;justify-self:start;padding:0 14px;font-family:inherit;font-size:14px}.MandalaMaker_Switch{cursor:pointer;background:#80808059;border:none;border-radius:999px;width:44px;height:24px;padding:0;transition:background .15s;position:relative}.MandalaMaker_Switch_Knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.MandalaMaker_Switch.is-on{background:var(--highlight-color,#7862d7)}.MandalaMaker_Switch.is-on .MandalaMaker_Switch_Knob{transform:translate(20px)}.MandalaMaker_CanvasWrap{border-radius:24px;width:100%;max-width:640px;overflow:hidden;box-shadow:0 12px 40px #0a0c1e40}.MandalaMaker_CanvasWrap canvas{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.MandalaMaker_Actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.MandalaMaker_Actions_Download{border:1px solid var(--highlight-color,#7862d7);background:var(--highlight-color,#7862d7);color:#fff;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:15px;display:inline-flex}.MandalaMaker_Actions_Download:disabled{opacity:.4;cursor:default}.MandalaMaker_Actions_Download:not(:disabled):hover{opacity:.9}.MandalaMaker_Hint{text-align:center;opacity:.7;max-width:560px;margin:0;font-size:14px}