.gradient-mesh_root__lYpxv{--mesh-accent:var(--accent);--mesh-glass:color-mix(in oklch,var(--surface) 70%,transparent);--mesh-glass-edge:color-mix(in oklch,var(--foreground) 10%,transparent);--mesh-glass-shine:oklch(100% 0 0/.55);--mesh-glass-shadow:0 1px 2px oklch(0% 0 0/.06),0 12px 30px -10px oklch(0% 0 0/.22),0 30px 60px -24px oklch(0% 0 0/.24);--mesh-handle-edge:oklch(100% 0 0);--mesh-swatch-edge:oklch(0% 0 0/.12);container-type:inline-size;display:grid;gap:var(--space-2);width:100%;min-width:0;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:var(--tracking-body);line-height:var(--leading-body);-webkit-tap-highlight-color:transparent}:root[data-theme=dark] .gradient-mesh_root__lYpxv{--mesh-glass:color-mix(in oklch,var(--surface) 62%,transparent);--mesh-glass-edge:oklch(100% 0 0/.1);--mesh-glass-shine:oklch(100% 0 0/.1);--mesh-glass-shadow:0 1px 2px oklch(0% 0 0/.3),0 12px 32px -8px oklch(0% 0 0/.5),0 28px 64px -20px oklch(0% 0 0/.5);--mesh-swatch-edge:oklch(100% 0 0/.16)}.gradient-mesh_canvasWrap__GA1UB{position:relative;display:grid;gap:var(--space-2);min-width:0}.gradient-mesh_stage__jpwPF{position:relative;aspect-ratio:16/9;min-width:0;overflow:hidden;border-radius:calc(var(--radius-surface) - var(--space-2));isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:crosshair}.gradient-mesh_stage__jpwPF:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px oklch(0 0 0/.08);pointer-events:none}.gradient-mesh_canvas__sc_va,.gradient-mesh_fallback__TDmfB{position:absolute;inset:0;display:block;width:100%;height:100%}.gradient-mesh_canvas__sc_va[data-hidden]{visibility:hidden}.gradient-mesh_plane__7O0vL{position:absolute;inset:0;z-index:2;container-type:size}.gradient-mesh_overlay__qb1jb{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.gradient-mesh_reach__yTZMR{fill:none;stroke:oklch(100% 0 0/.7);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px oklch(0 0 0/.28));opacity:0;transition:opacity var(--duration-standard) var(--ease-standard)}.gradient-mesh_reach__yTZMR[data-show]{opacity:.85}.gradient-mesh_handle__ZaCeF{position:absolute;top:0;left:0;display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none;will-change:transform;-webkit-tap-highlight-color:transparent}.gradient-mesh_handle__ZaCeF[data-dragging]{z-index:2;cursor:grabbing}.gradient-mesh_dot__gWLhK{width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2.5px var(--mesh-handle-edge),0 0 0 3.5px oklch(0 0 0/.08),0 2px 6px oklch(0 0 0/.22),0 8px 18px -6px oklch(0 0 0/.3);transition:transform var(--duration-spring) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-standard) var(--ease-standard)}.gradient-mesh_handle__ZaCeF:hover .gradient-mesh_dot__gWLhK{transform:scale(1.1)}.gradient-mesh_handle__ZaCeF[data-selected] .gradient-mesh_dot__gWLhK{transform:scale(1.14);box-shadow:0 0 0 2.5px var(--mesh-handle-edge),0 0 0 5px var(--mesh-accent),0 2px 6px oklch(0 0 0/.22),0 10px 22px -6px oklch(0 0 0/.34)}.gradient-mesh_handle__ZaCeF[data-dragging] .gradient-mesh_dot__gWLhK{transform:scale(1.32);box-shadow:0 0 0 2.5px var(--mesh-handle-edge),0 0 0 5px var(--mesh-accent),0 6px 12px oklch(0 0 0/.2),0 18px 34px -8px oklch(0 0 0/.38)}.gradient-mesh_hint__r_Tgu{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1;max-width:calc(100% - 2 * var(--space-3));margin:0;padding:6px var(--space-3);border:1px solid var(--mesh-glass-edge);border-radius:var(--radius-pill);background:var(--mesh-glass);box-shadow:inset 0 1px 0 var(--mesh-glass-shine);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);color:var(--text-secondary);font-size:var(--text-xs);pointer-events:none;transition:opacity var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard)}.gradient-mesh_hint__r_Tgu[data-hidden]{opacity:0;transform:translateY(-4px)}.gradient-mesh_bar__aqTdl{position:absolute;bottom:var(--space-3);left:50%;z-index:4;display:flex;align-items:center;gap:var(--space-1);padding:5px;border:1px solid var(--mesh-glass-edge);border-radius:var(--radius-pill);background:var(--mesh-glass);box-shadow:inset 0 1px 0 var(--mesh-glass-shine),var(--mesh-glass-shadow);-webkit-backdrop-filter:blur(24px) saturate(1.7);backdrop-filter:blur(24px) saturate(1.7);transform:translateX(-50%)}.gradient-mesh_baseButton__9NN5u{display:inline-flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3) 0 var(--space-2);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.gradient-mesh_baseButton__9NN5u:hover{color:var(--foreground)}.gradient-mesh_baseButton__9NN5u[aria-pressed=true]{background:color-mix(in oklch,var(--foreground) 8%,transparent);color:var(--foreground)}.gradient-mesh_baseDot__J_e_J{width:18px;height:18px;border-radius:6px;background:var(--c);box-shadow:inset 0 0 0 1px var(--mesh-swatch-edge);transition:background-color var(--duration-standard) var(--ease-standard)}.gradient-mesh_divider__R_86_{flex:none;width:1px;height:20px;margin:0 2px;background:var(--mesh-glass-edge)}.gradient-mesh_swatches__sHIRc{display:flex;align-items:center;gap:2px}.gradient-mesh_swatch__iwwXa{position:relative;display:grid;place-items:center;width:32px;height:34px;padding:0;border:0;background:transparent;cursor:pointer}.gradient-mesh_swatchFill__BmgcG{grid-area:1/1;width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px var(--mesh-swatch-edge);transition:transform var(--duration-spring) var(--ease-spring)}.gradient-mesh_swatch__iwwXa:hover .gradient-mesh_swatchFill__BmgcG{transform:scale(1.12)}.gradient-mesh_swatch__iwwXa:active .gradient-mesh_swatchFill__BmgcG{transform:scale(.92)}.gradient-mesh_swatchRing__FxnfE{grid-area:1/1;width:28px;height:28px;border:2px solid var(--mesh-accent);border-radius:50%}.gradient-mesh_iconButton__5AFXk{position:relative;display:grid;flex:none;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.gradient-mesh_iconButton__5AFXk:hover:not(:disabled){background:color-mix(in oklch,var(--foreground) 7%,transparent);color:var(--foreground)}.gradient-mesh_iconButton__5AFXk[data-on]{color:var(--mesh-accent)}.gradient-mesh_iconButton__5AFXk:disabled{opacity:.4;cursor:not-allowed}.gradient-mesh_colorInput__yTJeA{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.gradient-mesh_footer__nmCgc{justify-content:space-between;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4)}.gradient-mesh_footer__nmCgc,.gradient-mesh_settings__w5ZFy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6)}.gradient-mesh_settings__w5ZFy{min-width:0}.gradient-mesh_grain__uzDXF{width:220px;min-width:0}.gradient-mesh_actions__0WX4u{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.gradient-mesh_srOnly__MzZek{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@container (max-width: 640px){.gradient-mesh_stage__jpwPF{aspect-ratio:1/1}.gradient-mesh_bar__aqTdl{position:static;flex-wrap:wrap;justify-content:space-between;padding:var(--space-1);border-color:transparent;border-radius:calc(var(--radius-surface) - var(--space-2));background:var(--surface-muted);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}.gradient-mesh_divider__R_86_{display:none}.gradient-mesh_baseButton__9NN5u{margin-right:auto}.gradient-mesh_swatches__sHIRc{order:3;flex:1 1 100%;justify-content:space-between}.gradient-mesh_swatch__iwwXa{width:auto;flex:1 1 0;height:40px}.gradient-mesh_iconButton__5AFXk{width:40px;height:40px}.gradient-mesh_footer__nmCgc{padding-inline:var(--space-2)}.gradient-mesh_actions__0WX4u,.gradient-mesh_grain__uzDXF,.gradient-mesh_settings__w5ZFy{width:100%}.gradient-mesh_actions__0WX4u>*{flex:1 1 auto}}@media (prefers-reduced-motion:reduce){.gradient-mesh_baseButton__9NN5u,.gradient-mesh_baseDot__J_e_J,.gradient-mesh_dot__gWLhK,.gradient-mesh_hint__r_Tgu,.gradient-mesh_iconButton__5AFXk,.gradient-mesh_reach__yTZMR,.gradient-mesh_swatchFill__BmgcG{transition:none}}.gradient-mesh_root__lYpxv.gradient-mesh_background__9aept{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;pointer-events:none;container-type:normal}.gradient-mesh_background__9aept .gradient-mesh_stage__jpwPF{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;cursor:auto;touch-action:auto}.gradient-mesh_background__9aept .gradient-mesh_stage__jpwPF:after{content:none}