.gradients-glass{--ed-glass:#141414bf;--ed-glass-solid:#141414f0;--ed-edge:#ffffff1a;--ed-fg:#fff;--ed-heading:#ffffffe6;--ed-fg-2:#ffffffb3;--ed-fg-3:#ffffff80;--ed-chip:var(--chip);--ed-chip-hover:#ffffff29;--ed-field-edge:#fff3;--ed-track:#fff3;--ed-tab:var(--cta);--ed-tab-fg:var(--cta-foreground);--ed-on:var(--cta);--ed-on-fg:var(--cta-foreground);--ed-on-hover:var(--cta-hover);--ed-thumb:#fff;--ed-ring:#ffffffe6;--ed-well:#00000059;color:var(--ed-fg)}:root:not(.dark) .gradients-glass{--ed-glass:#fafafac7;--ed-glass-solid:#fafafaf5;--ed-edge:#00000014;--ed-fg:#000;--ed-heading:#000000e6;--ed-fg-2:#000000a8;--ed-fg-3:#00000080;--ed-chip:var(--chip);--ed-chip-hover:#0000001a;--ed-field-edge:#00000024;--ed-track:#00000024;--ed-tab:var(--cta);--ed-tab-fg:var(--cta-foreground);--ed-on:var(--cta);--ed-on-fg:var(--cta-foreground);--ed-on-hover:var(--cta-hover);--ed-thumb:#fff;--ed-ring:#000000d9;--ed-well:#ffffffb3}.gradients-glass-surface{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--ed-glass);box-shadow:inset 0 0 0 1px var(--ed-edge)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradients-glass-surface{background:var(--ed-glass-solid)}}.gradients-scroll{scrollbar-color:var(--ed-chip-hover) transparent;scrollbar-width:thin}.gradients-no-scrollbar{scrollbar-width:none}.gradients-no-scrollbar::-webkit-scrollbar{display:none}@keyframes gradients-rise{0%{opacity:0;translate:0 8px}}.gradients-rise{animation:gradients-rise var(--motion-base) var(--ease-out)}.gradients-panel{transform-origin:24px calc(100% - 24px);transition:opacity var(--motion-slow) var(--ease-out), scale var(--motion-slow) var(--ease-out), translate var(--motion-slow) var(--ease-out), visibility 0s}.gradients-panel[data-state=closed]{opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-in), scale var(--motion-fast) var(--ease-in), translate var(--motion-fast) var(--ease-in), visibility 0s var(--motion-fast);visibility:hidden;translate:0 12px;scale:.9}.gradients-edit-button{transition:background-color var(--motion-fast) ease, opacity var(--motion-base) var(--ease-out) 80ms, scale var(--motion-base) var(--ease-out) 80ms, visibility 0s}.gradients-edit-button[data-state=closed]{opacity:0;pointer-events:none;transition:opacity .1s var(--ease-in), scale .1s var(--ease-in), visibility 0s .1s;visibility:hidden;scale:.6}.gradients-tab-pill{background:var(--ed-tab);pointer-events:none;height:0;transition:transform var(--motion-slow) var(--ease-out), width var(--motion-slow) var(--ease-out);border-radius:999px;width:0;position:absolute;top:0;left:0}.gradients-tabs:not([data-pill]) .gradients-tab-pill{visibility:hidden}.gradients-tabs[data-pill]>[aria-selected=true],.gradients-tabs[data-pill]>[aria-pressed=true]{box-shadow:none;background:0 0}@keyframes gradients-enter-right{0%{opacity:0;translate:12px}}@keyframes gradients-enter-left{0%{opacity:0;translate:-12px}}.gradients-tab-content[data-enter=right]{animation:gradients-enter-right var(--motion-base) var(--ease-out)}.gradients-tab-content[data-enter=left]{animation:gradients-enter-left var(--motion-base) var(--ease-out)}.gradients-preview-chip{opacity:0;transition:opacity var(--motion-fast) var(--ease-in), translate var(--motion-fast) var(--ease-in);translate:-50% -6px}.gradients-preview-chip[data-open=true]{opacity:1;transition-duration:var(--motion-base);transition-timing-function:var(--ease-out);translate:-50%}@media (hover:hover) and (pointer:fine){.gradients-tile:hover .gradients-tile-swatch{translate:0 var(--lift)}}.gradients-tile-swatch{transition:box-shadow var(--motion-fast) ease, translate var(--motion-base) var(--ease-out)}.gradients-toast{opacity:0;pointer-events:none;bottom:auto;left:50%;right:auto;top:calc(var(--header-h,56px) + max(24px, env(safe-area-inset-top)));transition:opacity var(--motion-fast) var(--ease-in), translate var(--motion-fast) var(--ease-in);background:0 0;border:0;margin:0;padding:0;position:fixed;overflow:visible;translate:-50% -8px}.gradients-toast[data-open=true]{opacity:1;transition-duration:var(--motion-slow);transition-timing-function:var(--ease-out);translate:-50%}@starting-style{.gradients-toast[data-open=true]{opacity:0;translate:-50% -8px}}@media (width<=639px){.gradients-toast{top:calc(var(--header-h,56px) + 64px)}}.gradients-tip{background:var(--ed-glass-solid);box-shadow:inset 0 0 0 1px var(--ed-edge), 0 6px 16px -6px #0006;color:var(--ed-fg);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-in), translate var(--motion-fast) var(--ease-in);white-space:nowrap;z-index:10;border-radius:8px;align-items:center;gap:8px;padding:5px 6px 5px 9px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 4px}.gradients-tip[data-side=bottom]{top:calc(100% + 10px);bottom:auto;translate:-50% -4px}[role=toolbar]>:last-child .gradients-tip,[role=toolbar]>:nth-last-child(2) .gradients-tip{left:auto;right:0;translate:0 4px}@media (hover:hover) and (pointer:fine){:hover>.gradients-tip{opacity:1;transition:opacity var(--motion-fast) var(--ease-out) .4s, translate var(--motion-fast) var(--ease-out) .4s;translate:-50%}[role=toolbar]>:is(:last-child,:nth-last-child(2)):hover>.gradients-tip{translate:0}}:focus-visible>.gradients-tip{opacity:1;translate:-50%}[role=toolbar]>:is(:last-child,:nth-last-child(2)):focus-visible>.gradients-tip{translate:0}.gradients-kbd{background:var(--ed-chip);box-shadow:inset 0 -1px 0 var(--ed-field-edge);color:var(--ed-fg-2);border-radius:5px;justify-content:center;min-width:20px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:600;line-height:18px;display:inline-flex}.gradients-pop{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 56px);opacity:0;left:auto;right:max(24px, env(safe-area-inset-right));transform-origin:100% 100%;transition:opacity var(--motion-fast) var(--ease-in), scale var(--motion-fast) var(--ease-in), display var(--motion-fast) allow-discrete, overlay var(--motion-fast) allow-discrete;position:fixed;top:auto;scale:.97}.gradients-pop:popover-open{opacity:1;transition-duration:var(--motion-base);transition-timing-function:var(--ease-out);scale:1}@starting-style{.gradients-pop:popover-open{opacity:0;scale:.97}}.gradients-swap>[data-shown]{transition:opacity var(--motion-fast) var(--ease-out), scale var(--motion-fast) var(--ease-out)}.gradients-swap>[data-shown=false]{opacity:0;scale:.5}.gradients-stop{transition:background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, scale var(--motion-fast) var(--ease-out)}.gradients-stop[data-dragging=true]{background:var(--ed-chip);scale:1.02;box-shadow:0 8px 20px -10px #00000080}@keyframes gradients-sweep{0%{translate:-100%}to{translate:250%}}.gradients-indeterminate{width:40%;animation:1.1s linear infinite gradients-sweep}@media (prefers-reduced-motion:reduce){.gradients-editor *,.gradients-editor :before,.gradients-editor :after{transition-property:color,background-color,box-shadow,opacity!important;transition-duration:.1s!important}.gradients-editor :active{scale:none!important}.gradients-editor dialog[open],.gradients-rise,.gradients-tab-content[data-enter]{animation:.1s ease-out gradients-fade-in!important}.gradients-panel,.gradients-panel[data-state=closed],.gradients-edit-button,.gradients-edit-button[data-state=closed],.gradients-preview-chip,.gradients-toast,.gradients-pop{translate:none;scale:none!important}.gradients-preview-chip,.gradients-preview-chip[data-open=true],.gradients-toast,.gradients-toast[data-open=true]{translate:-50%!important}.gradients-tab-pill{transition:none!important}.gradients-tile:hover .gradients-tile-swatch{translate:none!important}.gradients-indeterminate{opacity:.5;width:100%;animation:none!important}}@keyframes gradients-fade-in{0%{opacity:0}}[data-toolcraft-theme] .gradients-glass{--ed-glass:color-mix(in oklab, var(--popover) 98%, transparent);--ed-glass-solid:var(--popover);--ed-edge:color-mix(in oklab, var(--border) 12%, transparent);--ed-fg:var(--foreground);--ed-heading:var(--foreground);--ed-fg-2:color-mix(in oklab, var(--foreground) 70%, transparent);--ed-fg-3:var(--muted-foreground);--ed-chip:color-mix(in oklab, var(--input) 10%, transparent);--ed-chip-hover:color-mix(in oklab, var(--input) 15%, transparent);--ed-field-edge:color-mix(in oklab, var(--border) 12%, transparent);--ed-track:color-mix(in oklab, var(--foreground) 18%, transparent);--ed-tab:color-mix(in oklab, var(--foreground) 8%, transparent);--ed-tab-fg:var(--foreground);--ed-on:var(--primary);--ed-on-fg:var(--primary-foreground);--ed-on-hover:color-mix(in oklab, var(--primary) 90%, transparent);--ed-ring:color-mix(in oklab, var(--ring) 60%, transparent);--ed-well:color-mix(in oklab, var(--background) 60%, transparent)}[data-toolcraft-theme] .gradients-glass-surface{-webkit-backdrop-filter:blur(40px)saturate(1.5);backdrop-filter:blur(40px)saturate(1.5)}[data-toolcraft-theme] .gradients-toast{top:calc(56px + env(safe-area-inset-top))}[data-toolcraft-theme] .gradients-pop{bottom:auto;left:50%;right:auto;top:calc(56px + env(safe-area-inset-top));transform-origin:top;translate:-50%}[data-toolcraft-theme] .gradients-preview-chip{top:calc(56px + env(safe-area-inset-top))}