._container_y87a4_1{width:100%;max-width:900px;margin:0 auto;padding:var(--page-padding-block) var(--page-padding-inline);display:flex;flex-direction:column;gap:1.5rem}._controls_y87a4_11{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;padding:1rem 1.25rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.75rem;background:var(--chakra-colors-bg, #fff)}._control-group_y87a4_22{display:flex;align-items:center;gap:.75rem}._label_y87a4_28{font-size:.9rem;font-weight:600;color:var(--chakra-colors-fg, #1a202c);white-space:nowrap}._color-picker_y87a4_35{width:2.25rem;height:2.25rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.375rem;cursor:pointer;padding:0}._preset-colors_y87a4_44{display:flex;gap:.4rem}._color-btn_y87a4_49{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s}._color-btn_y87a4_49._active_y87a4_57,._color-btn_y87a4_49:hover{border-color:var(--chakra-colors-primary, #2b6cb0);outline:2px solid rgba(43,108,176,.3)}._range_y87a4_62{width:120px;cursor:pointer;accent-color:var(--chakra-colors-primary, #2b6cb0)}._canvas-wrapper_y87a4_68{position:relative;border:2px solid var(--chakra-colors-border, #cbd5e0);border-radius:.75rem;overflow:hidden;background:#fff;touch-action:none}._canvas-wrapper_y87a4_68:focus-within{border-color:var(--chakra-colors-primary, #2b6cb0)}._canvas_y87a4_68{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none}._placeholder_y87a4_88{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a0aec0;font-size:1rem;pointer-events:none;-webkit-user-select:none;user-select:none}._actions_y87a4_100{display:flex;gap:.75rem;flex-wrap:wrap}._btn-share_y87a4_106,._btn-primary_y87a4_106,._btn-secondary_y87a4_106{padding:.6rem 1.25rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s}._btn-share_y87a4_106:disabled,._btn-primary_y87a4_106:disabled,._btn-secondary_y87a4_106:disabled{opacity:.4;cursor:not-allowed}._btn-secondary_y87a4_106{background:var(--chakra-colors-subtle, #f7fafc);color:var(--chakra-colors-fg, #1a202c);border:1px solid var(--chakra-colors-border, #cbd5e0)}._btn-secondary_y87a4_106:hover:not(:disabled){background:var(--chakra-colors-border, #cbd5e0)}._btn-primary_y87a4_106{background:var(--chakra-colors-primary, #2b6cb0);color:#fff}._btn-primary_y87a4_106:hover:not(:disabled){opacity:.85}._btn-share_y87a4_106{background:#000;color:#fff}._btn-share_y87a4_106:hover:not(:disabled){opacity:.75}@media(max-width:640px){._controls_y87a4_11{gap:1rem}._range_y87a4_62{width:80px}._actions_y87a4_100{flex-direction:column}._actions_y87a4_100 button{width:100%}}