:root{color:#182035;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#f1e8d9e6,#fff0),linear-gradient(#fffaf1 0%,#eef3ff 100%);font-family:Space Grotesk,Avenir Next,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#app{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:1.5rem;margin-bottom:2rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#40527b;margin:0 0 .75rem;font-size:.8rem}.hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,7vw,4.8rem);line-height:.95}.lede{color:#4f5f82;max-width:46rem;font-size:1.05rem;line-height:1.6}.hero__preview{border-radius:32px;min-height:360px;position:relative;overflow:hidden;box-shadow:0 24px 60px #1c294f3d}.hero__glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;background:#0c12215c;border-radius:22px;padding:1rem 1.1rem;position:absolute;inset:auto 1.25rem 1.25rem}.hero__glass span{text-transform:uppercase;letter-spacing:.1em;color:#ffffffbf;margin-bottom:.5rem;font-size:.78rem;display:block}.hero__glass strong{overflow-wrap:anywhere;font-size:.95rem;line-height:1.5;display:block}.workspace{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:1.5rem;display:grid}.workspace__side{align-content:start;gap:1rem;display:grid}.workspace__toggle{color:#1138d8;cursor:pointer;background:#ffffffb8;border:1px solid #1138d829;border-radius:999px;justify-self:start;padding:.8rem 1rem;box-shadow:0 12px 30px #1138d814}.code-panel{color:#fff;background:#0e162af5;border-radius:24px;padding:1.25rem;box-shadow:0 18px 48px #121c3333}.code-panel__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.code-panel h2{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:1rem}.code-panel pre{white-space:pre-wrap;color:#c9d8ff;margin:1rem 0 0;line-height:1.7}@media (width<=900px){.hero,.workspace{grid-template-columns:1fr}.hero__preview{min-height:280px}}.slider.svelte-1fbosnr{---track-width:var(--track-width,unset);---track-height:var(--track-height,6px);---track-background:var(--track-background,#949494);---track-border:var(--track-border,none);---thumb-size:var(--thumb-size,16px);---thumb-background:var(--thumb-background,#2d2d2d);---thumb-border:var(--thumb-border,none);---position:var(--position,0px);---margin-inline-thumb-bigger:max(var(---thumb-size) - var(---track-height), 0px);---margin-inline-thumb-smaller:max(var(---track-height) - var(---thumb-size), 0px);-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;margin:auto;position:relative}.slider.svelte-1fbosnr:before{background-color:#0000}[aria-orientation=horizontal].svelte-1fbosnr{width:var(---track-width);max-width:calc(100% - 2 * var(---margin-inline-thumb-bigger));height:calc(max(var(---track-height), var(---thumb-size)) + 4px);height:max(var(---track-height), var(---thumb-size));margin-inline:var(---margin-inline-thumb-bigger);margin-block:var(--margin-block,8px)}[aria-orientation=vertical].svelte-1fbosnr{width:max(var(---track-height), var(---thumb-size));height:var(---track-width);max-height:calc(100% - 2 * var(---margin-inline-thumb-bigger));margin-block:var(---margin-inline-thumb-bigger);margin-inline:var(--margin-block,8px)}.track.svelte-1fbosnr{pointer-events:none;background:var(---track-background);border:var(---track-border);border-radius:calc(var(---track-height) / 2);box-sizing:border-box;position:absolute}[aria-orientation=horizontal].svelte-1fbosnr .track:where(.svelte-1fbosnr){height:var(---track-height);top:50%;left:0;right:0;transform:translateY(-50%)}[aria-orientation=vertical].svelte-1fbosnr .track:where(.svelte-1fbosnr){width:var(---track-height);top:0;bottom:0;left:50%;transform:translate(-50%)}.thumb.svelte-1fbosnr{pointer-events:none;height:var(---thumb-size);width:var(---thumb-size);border-radius:calc(var(---thumb-size) / 2);background:var(---thumb-background);border:var(---thumb-border);box-sizing:border-box;--margin-left:(2 * var(---track-height) - var(---thumb-size) - var(---margin-inline-thumb-smaller)) / 2;--left:calc(var(---position) * (100% - 2 * var(--margin-left)) + var(--margin-left));position:absolute;transform:translate(-50%,-50%)}[aria-orientation=horizontal].svelte-1fbosnr:not(.reverse) .thumb:where(.svelte-1fbosnr){top:50%;left:var(--left)}[aria-orientation=vertical].svelte-1fbosnr:not(.reverse) .thumb:where(.svelte-1fbosnr){left:50%;bottom:calc(var(--left) - var(---thumb-size))}[aria-orientation=horizontal].reverse.svelte-1fbosnr .thumb:where(.svelte-1fbosnr){top:50%;right:calc(var(--left) - var(---thumb-size))}[aria-orientation=vertical].reverse.svelte-1fbosnr .thumb:where(.svelte-1fbosnr){left:50%;top:calc(var(--left))}.slider.svelte-1fbosnr:focus-visible{outline:none}.slider.svelte-1fbosnr:focus-visible .track:where(.svelte-1fbosnr){outline:2px solid var(--focus-color,red);outline-offset:2px}.picker.svelte-a4gc6u{width:var(--picker-width,200px);height:var(--picker-height,200px);background:linear-gradient(#fff0, #000), linear-gradient(.25turn, #fff, #0000), var(--picker-color-bg);border-radius:var(--picker-radius,8px);-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;display:inline-block;position:relative}.s.svelte-a4gc6u,.v.svelte-a4gc6u{--track-background:none;--track-border:none;--thumb-background:none;--thumb-border:none;--thumb-size:2px;--margin-block:0;--track-height:var(--picker-indicator-size,10px);-webkit-user-select:none;user-select:none;position:absolute}.s.svelte-a4gc6u{top:calc(var(--pos-y) * (var(--picker-height,200px) - var(--picker-indicator-size,10px) - 4px) / 100 + 2px);--track-width:calc(var(--picker-width,200px) - 4px);left:2px}.v.svelte-a4gc6u{top:2px;left:calc(var(--pos-x) * (var(--picker-width,200px) - var(--picker-indicator-size,10px) - 4px) / 100 + 2px);--track-width:calc(var(--picker-height,200px) - 4px)}label.svelte-1o9p1lc{cursor:pointer;height:var(--input-size,25px);-webkit-user-select:none;user-select:none;border-radius:3px;align-items:center;gap:8px;margin:4px;display:inline-flex}.container.svelte-1o9p1lc{width:var(--input-size,25px);justify-content:center;align-items:center;display:flex;position:relative}input.svelte-1o9p1lc{opacity:0;border:none;flex-shrink:0;width:1px;height:1px;margin:0;padding:0}.alpha.svelte-1o9p1lc{clip-path:circle(50%);background:var(--alpha-grid-bg)}.alpha.svelte-1o9p1lc,.color.svelte-1o9p1lc{width:var(--input-size,25px);height:var(--input-size,25px);-webkit-user-select:none;user-select:none;border-radius:50%;position:absolute}input.svelte-1o9p1lc:focus-visible~.color:where(.svelte-1o9p1lc){outline:2px solid var(--focus-color,red);outline-offset:2px}label.svelte-y0a4ew{-webkit-user-select:none;user-select:none;grid-area:nullable;justify-content:center;margin-bottom:4px;display:flex}input.svelte-y0a4ew{margin:0}input.svelte-y0a4ew:focus-visible{outline:none}input.svelte-y0a4ew:focus-visible+span:where(.svelte-y0a4ew){outline:2px solid var(--focus-color,red);outline-offset:2px;border-radius:2px;width:14px;height:14px}div.svelte-y0a4ew{aspect-ratio:2;width:32px;position:relative}div.svelte-y0a4ew :where(.svelte-y0a4ew){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.svelte-1ph6e4z{left:calc(var(--pos-x) * (var(--picker-width,200px) - 2px) / 100 - var(--picker-indicator-size,10px) / 2 + 1px);top:calc(var(--pos-y) * (var(--picker-height,200px) - 2px) / 100 - var(--picker-indicator-size,10px) / 2 + 1px);width:var(--picker-indicator-size,10px);height:var(--picker-indicator-size,10px);pointer-events:none;z-index:1;background-color:#fff;border-radius:50%;transition:box-shadow .2s;position:absolute;box-shadow:0 0 4px #000}.swatches.svelte-1q3i30g{grid-template-columns:var(--cp-swatch-grid-template-columns,repeat(auto-fit, minmax(24px, 1fr)));gap:8px;width:100%;height:100%;margin-top:8px;margin-bottom:8px;display:grid}.swatch.svelte-1q3i30g{cursor:pointer;aspect-ratio:1;border:none;width:100%;height:auto;margin:0;padding:0;display:block}.swatch.svelte-1q3i30g:focus{outline:2px solid var(--focus-color,red);outline-offset:2px}.text-input.svelte-1xmlgu5{margin:var(--text-input-margin,5px 0 0)}.input-container.svelte-1xmlgu5{flex:1;gap:10px;display:flex}input.svelte-1xmlgu5,button.svelte-1xmlgu5,.button-like.svelte-1xmlgu5{background-color:var(--cp-input-color,#eee);color:var(--cp-text-color,var(--cp-border-color));text-align:center;border:none;border-radius:5px;flex:1;height:30px;padding:0;line-height:30px}input.svelte-1xmlgu5{width:5px;font-family:inherit}button.svelte-1xmlgu5,.button-like.svelte-1xmlgu5{cursor:pointer;flex:1;width:100%;height:30px;margin:8px 0 0;font-family:inherit;transition:background-color .2s;position:relative}.button-like.svelte-1xmlgu5{cursor:default}.appear.svelte-1xmlgu5,.disappear.svelte-1xmlgu5{width:100%;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.svelte-1xmlgu5:hover .disappear:where(.svelte-1xmlgu5),.appear.svelte-1xmlgu5{opacity:0}.disappear.svelte-1xmlgu5,button.svelte-1xmlgu5:hover .appear:where(.svelte-1xmlgu5){opacity:1}button.svelte-1xmlgu5:hover{background-color:var(--cp-button-hover-color,#ccc)}input.svelte-1xmlgu5:focus,button.svelte-1xmlgu5:focus{outline:none}input.svelte-1xmlgu5:focus-visible,button.svelte-1xmlgu5:focus-visible{outline:2px solid var(--focus-color,red);outline-offset:2px}div.svelte-2y1dab{background-color:var(--cp-bg-color,white);border:1px solid var(--cp-border-color,black);border-radius:12px;width:max-content;margin:0 10px 10px;padding:8px;display:none}.is-open.svelte-2y1dab{display:inline-block}[role=dialog].svelte-2y1dab{top:calc(var(--input-size,25px) + 12px);z-index:var(--picker-z-index,2);position:absolute;left:0}span.svelte-rmjmwh{color:var(--cp-text-color,var(--cp-border-color));--alpha-grid-bg:linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / 10px 10px, linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 5px 5px / 10px 10px;position:relative}.h.svelte-rmjmwh,.a.svelte-rmjmwh{--track-height:var(--slider-width,10px);--track-width:var(--picker-height,200px);--track-border:none;--thumb-size:calc(var(--slider-width,10px) - 3px);--thumb-background:white;--thumb-border:1px solid black;--margin-block:0;--gradient-direction:.5turn;justify-content:center;display:inline-flex}.horizontal.svelte-rmjmwh .h:where(.svelte-rmjmwh),.horizontal.svelte-rmjmwh .a:where(.svelte-rmjmwh){--track-width:calc(var(--picker-width,200px) - 12px);--gradient-direction:.25turn;margin:4px 6px}.horizontal.svelte-rmjmwh .h:where(.svelte-rmjmwh){margin-top:8px}.vertical.svelte-rmjmwh .h:where(.svelte-rmjmwh),.vertical.svelte-rmjmwh .a:where(.svelte-rmjmwh){margin-left:3px}.h.svelte-rmjmwh{--gradient-hue:#ff1500fb, #ff0 17.2%, #ff0 18.2%, #0f0 33.3%, #0ff 49.5%, #0ff 51.5%, #00f 67.7%, #f0f 83.3%, red;--track-background:linear-gradient(var(--gradient-direction), var(--gradient-hue));grid-area:hue}.a.svelte-rmjmwh{--alpha-grid-bg:linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / 10px 10px, linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 5px 5px / 10px 10px;--track-background:linear-gradient(var(--gradient-direction), #0000, var(--alphaless-color)), var(--alpha-grid-bg);grid-area:alpha;margin-top:2px}span.svelte-rmjmwh .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gradient-editor.svelte-5lvp32{--_gradient-editor-bg:var(--gradient-editor-bg,#fff);--_gradient-editor-panel:var(--gradient-editor-panel,#f8fafc);--_gradient-editor-border:var(--gradient-editor-border,#cbd5e1);--_gradient-editor-text:var(--gradient-editor-text,#0f172a);--_gradient-editor-muted:var(--gradient-editor-muted,#475569);--_gradient-editor-accent:var(--gradient-editor-accent,#2563eb);--_gradient-editor-shadow:var(--gradient-editor-shadow,0 8px 24px #0000001f);--_gradient-editor-radius:var(--gradient-editor-radius,.875rem);--_gradient-editor-radius-sm:calc(var(--_gradient-editor-radius) - .25rem);--_gradient-editor-radius-xs:calc(var(--_gradient-editor-radius) - .375rem);--_gradient-editor-focus-ring:0 0 0 3px var(--gradient-editor-focus,#bfdbfe);--_gradient-editor-hover:var(--gradient-editor-hover,#e2e8f0);--_gradient-editor-active:var(--gradient-editor-active,#dbeafe);--_gradient-editor-outline:var(--gradient-editor-outline,#93c5fd);--_gradient-editor-stop-size:22px;--_gradient-editor-stop-offset:calc(var(--_gradient-editor-stop-size) / 2);color:var(--_gradient-editor-text);gap:1rem;display:grid}.gradient-editor__header.svelte-5lvp32{gap:.75rem;display:grid}.gradient-editor__controls.svelte-5lvp32{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.gradient-editor__header.svelte-5lvp32 code:where(.svelte-5lvp32){overflow-wrap:anywhere;border:1px solid var(--_gradient-editor-border);border-radius:var(--_gradient-editor-radius);background:var(--_gradient-editor-panel);color:var(--_gradient-editor-muted);padding:.75rem .9rem;font-size:.85rem}.gradient-editor__mode-bubble.svelte-5lvp32{border-radius:var(--_gradient-editor-radius);background:var(--_gradient-editor-panel);border:1px solid var(--_gradient-editor-border);align-items:stretch;inline-size:fit-content;padding:.35rem;display:inline-flex}.gradient-editor__mode-toggle.svelte-5lvp32,.gradient-editor__shape-toggle.svelte-5lvp32{gap:.35rem;display:inline-flex}.gradient-editor__mode-context.svelte-5lvp32{border-inline-start:1px solid var(--_gradient-editor-border);align-items:stretch;margin-inline-start:.55rem;padding-inline-start:.55rem;display:inline-flex}.gradient-editor__mode-toggle.svelte-5lvp32 button:where(.svelte-5lvp32),.gradient-editor__shape-toggle.svelte-5lvp32 button:where(.svelte-5lvp32),.gradient-editor__delete.svelte-5lvp32{border-radius:var(--_gradient-editor-radius-xs);color:var(--_gradient-editor-text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:.6rem .95rem;transition:border-color .12s,background-color .12s,box-shadow .12s,color .12s}.gradient-editor__shape-button.svelte-5lvp32{align-items:center;gap:.55rem;display:inline-flex;padding:.6rem!important}.gradient-editor__shape-glyph.svelte-5lvp32{opacity:.9;border:1.5px solid;flex:none;block-size:.72rem;inline-size:1rem}.gradient-editor__shape-button--ellipse.svelte-5lvp32 .gradient-editor__shape-glyph:where(.svelte-5lvp32){border-radius:100%;inline-size:1.2rem}.gradient-editor__shape-button--circle.svelte-5lvp32 .gradient-editor__shape-glyph:where(.svelte-5lvp32){border-radius:999px;block-size:.82rem;inline-size:.82rem}.gradient-editor__mode-toggle.svelte-5lvp32 button.active:where(.svelte-5lvp32),.gradient-editor__shape-toggle.svelte-5lvp32 button.active:where(.svelte-5lvp32){border-color:var(--_gradient-editor-outline);background:var(--_gradient-editor-active);color:var(--_gradient-editor-text)}.gradient-editor__mode-toggle.svelte-5lvp32 button:where(.svelte-5lvp32):hover,.gradient-editor__shape-toggle.svelte-5lvp32 button:where(.svelte-5lvp32):hover,.gradient-editor__delete.svelte-5lvp32:hover:not(:disabled){background:var(--_gradient-editor-hover);border-color:var(--_gradient-editor-border)}.gradient-editor__angle-control.svelte-5lvp32{align-items:stretch;gap:.65rem;display:inline-flex}.gradient-editor__dial.svelte-5lvp32{aspect-ratio:1;border:1px solid var(--_gradient-editor-border);background:var(--_gradient-editor-panel);cursor:grab;border-radius:100%;place-items:center;inline-size:42px;padding:0;display:grid;position:relative}.gradient-editor__dial.svelte-5lvp32:focus-visible{box-shadow:var(--_gradient-editor-focus-ring);outline:none}.gradient-editor__dial.svelte-5lvp32:active{cursor:grabbing}.gradient-editor__dial-ring.svelte-5lvp32{border:1px solid var(--_gradient-editor-border);background:var(--_gradient-editor-bg);border-radius:999px;block-size:100%;inline-size:100%}.gradient-editor__dial-handle.svelte-5lvp32{background:var(--_gradient-editor-accent);border:2px solid var(--_gradient-editor-panel);border-radius:999px;block-size:12px;inline-size:12px;position:absolute}.gradient-editor__field.svelte-5lvp32{align-items:center;display:inline-flex}.gradient-editor__field.svelte-5lvp32 input:where(.svelte-5lvp32){border-radius:var(--_gradient-editor-radius-xs);border:1px solid var(--_gradient-editor-border);background:var(--_gradient-editor-panel);block-size:90%;color:var(--_gradient-editor-text);padding:0 .5rem;line-height:2.25rem}.gradient-editor__field.svelte-5lvp32 input:where(.svelte-5lvp32):focus-visible,.gradient-editor__mode-toggle.svelte-5lvp32 button:where(.svelte-5lvp32):focus-visible,.gradient-editor__shape-toggle.svelte-5lvp32 button:where(.svelte-5lvp32):focus-visible,.gradient-editor__delete.svelte-5lvp32:focus-visible,.gradient-editor__track.svelte-5lvp32:focus-visible,.gradient-editor__stop.svelte-5lvp32:focus-visible{box-shadow:var(--_gradient-editor-focus-ring);outline:none}.gradient-editor__track.svelte-5lvp32{border-radius:var(--_gradient-editor-radius);border:1px solid var(--_gradient-editor-border);background-color:var(--_gradient-editor-panel);cursor:copy;background-repeat:no-repeat;block-size:60px}.gradient-editor__stop-layer.svelte-5lvp32{block-size:calc(var(--_gradient-editor-stop-size) * 2);pointer-events:none;position:relative}.gradient-editor__stop.svelte-5lvp32{inline-size:var(--_gradient-editor-stop-size);width:max-content;transform:rotate(var(--stop-lean,0deg));transform-origin:top;pointer-events:auto;cursor:grab;background:0 0;border:none;justify-items:center;gap:.18rem;padding:0;display:grid;position:absolute;inset-block-start:.25rem}.gradient-editor__stop.svelte-5lvp32:active{cursor:grabbing}.gradient-editor__stop-arrow.svelte-5lvp32{clip-path:polygon(50% 0,0 100%,100% 100%);background:var(--lightningcss-light,#445)var(--lightningcss-dark,#ccd);block-size:11px;inline-size:16px;display:block}.gradient-editor__stop-swatch.svelte-5lvp32{inline-size:var(--_gradient-editor-stop-size);block-size:var(--_gradient-editor-stop-size);border-radius:calc(var(--_gradient-editor-radius-xs) - .0625rem);border:2px solid var(--_gradient-editor-panel);background:var(--stop-color);box-shadow:0 0 0 1px var(--_gradient-editor-border)}.gradient-editor__stop.selected.svelte-5lvp32 .gradient-editor__stop-swatch:where(.svelte-5lvp32),.gradient-editor__stop.open.svelte-5lvp32 .gradient-editor__stop-swatch:where(.svelte-5lvp32){outline:2px solid var(--_gradient-editor-outline);outline-offset:2px}.gradient-editor__popup.svelte-5lvp32{--_gradient-editor-popup-close-size:1.75rem;border:1px solid var(--_gradient-editor-border);border-radius:var(--_gradient-editor-radius);background:var(--_gradient-editor-bg);width:max-content;box-shadow:var(--_gradient-editor-shadow);pointer-events:auto;align-items:start;gap:.65rem;padding:.95rem .55rem .55rem;display:grid;position:absolute;inset-block-start:120%;transform:translate(-50%)}.gradient-editor__popup-close.svelte-5lvp32{inline-size:var(--_gradient-editor-popup-close-size);block-size:var(--_gradient-editor-popup-close-size);border:2px solid var(--_gradient-editor-bg);color:#fff;cursor:pointer;background:#374151;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:calc(var(--_gradient-editor-popup-close-size) / -2);inset-inline-end:calc(var(--_gradient-editor-popup-close-size) / -2);box-shadow:0 .35rem .75rem #0f172a40}.gradient-editor__popup-close.svelte-5lvp32:hover{color:#fff;background:#1f2937}.gradient-editor__popup-close.svelte-5lvp32:focus-visible{outline:2px solid var(--_gradient-editor-outline);outline-offset:2px}.gradient-editor__popup-close.svelte-5lvp32 svg:where(.svelte-5lvp32){block-size:1rem;inline-size:1rem}.gradient-editor__color-picker.svelte-5lvp32{--cp-bg-color:var(--gradient-editor-picker-bg,#fff);--cp-border-color:var(--_gradient-editor-border);--cp-input-color:var(--gradient-editor-picker-input,#f8fafc);--cp-button-hover-color:var(--gradient-editor-picker-hover,#dbeafe);--cp-text-color:var(--_gradient-editor-text);--focus-color:var(--_gradient-editor-accent);--input-size:2.25rem;--picker-width:200px;--picker-height:160px;min-inline-size:216px}.gradient-editor__color-picker.svelte-5lvp32 .color-picker{display:block}.gradient-editor__color-picker.svelte-5lvp32 .wrapper{border-color:var(--_gradient-editor-border);border-radius:var(--_gradient-editor-radius-sm);box-shadow:none;margin:0}.gradient-editor__popup-actions.svelte-5lvp32{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.gradient-editor__field--popup-position.svelte-5lvp32{align-items:center;gap:.4rem;display:flex}.gradient-editor__delete.svelte-5lvp32{border-radius:var(--_gradient-editor-radius-xs);color:#8b0000;background:#f002;border:0;place-items:center;block-size:2.25rem;inline-size:2.25rem;padding:0;display:grid}.gradient-editor__delete.svelte-5lvp32 svg:where(.svelte-5lvp32){width:1.5rem}.gradient-editor__delete.svelte-5lvp32:disabled{cursor:not-allowed;opacity:.45;transform:none}.gradient-editor__delete.svelte-5lvp32:hover:not(:disabled){background:#f004}.sr-only.svelte-5lvp32{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.gradient-editor__controls.svelte-5lvp32{align-items:stretch}.gradient-editor__mode-bubble.svelte-5lvp32{justify-content:space-between;inline-size:100%}.gradient-editor__mode-context.svelte-5lvp32{flex:1}.gradient-editor__angle-control.svelte-5lvp32{justify-content:flex-end;min-inline-size:0}.gradient-editor__popup.svelte-5lvp32{gap:.35rem;padding:.9rem .45rem .45rem}}