[data-select-viewport],[data-combobox-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-combobox-viewport]::-webkit-scrollbar{display:none!important}[data-select-viewport]::-webkit-scrollbar{display:none!important}.mmep-preset-select__trigger{display:inline-flex;align-items:center;gap:calc(.5rem * var(--mmep-scale-spacing, 1));width:100%;padding:calc(.375rem * var(--mmep-scale-spacing, 1)) calc(.625rem * var(--mmep-scale-spacing, 1));border:1px solid rgb(var(--mmep-color-border) / .6);border-radius:calc(.375rem * var(--mmep-scale-edge, 1));background:rgb(var(--mmep-color-bg) / .6);color:rgb(var(--mmep-color-fg));font-size:calc(.8125rem * var(--mmep-scale-text, 1));text-align:left;cursor:pointer}.mmep-preset-select__trigger:focus-visible{outline:2px solid rgb(var(--mmep-color-accent));outline-offset:2px}.mmep-preset-select__icon{display:inline-flex;align-items:center;justify-content:center;width:calc(1.375rem * var(--mmep-scale-icon, 1));height:calc(1.375rem * var(--mmep-scale-icon, 1));flex:0 0 calc(1.375rem * var(--mmep-scale-icon, 1))}.mmep-preset-select__swatch{width:calc(1.125rem * var(--mmep-scale-icon, 1));height:calc(1.125rem * var(--mmep-scale-icon, 1));border-radius:calc(.25rem * var(--mmep-scale-edge, 1));background:rgb(var(--mmep-color-fg) / .4);border:1px solid rgb(var(--mmep-color-border) / .4);box-shadow:inset 0 1px 2px #0000001a}.mmep-preset-select__label{flex:1;font-weight:500}.mmep-preset-select__chevron{margin-left:auto;color:rgb(var(--mmep-color-fg) / .55);font-size:calc(.6875rem * var(--mmep-scale-text, 1))}.mmep-preset-select__content{min-width:var(--bits-select-anchor-width);max-height:60vh;overflow-y:auto;padding:calc(.25rem * var(--mmep-scale-spacing, 1));border:1px solid rgb(var(--mmep-color-border) / .6);border-radius:calc(.375rem * var(--mmep-scale-edge, 1));background:rgb(var(--mmep-color-bg));box-shadow:0 8px 16px #0000002e;z-index:1000}.mmep-preset-select__item{display:flex;align-items:center;gap:calc(.625rem * var(--mmep-scale-spacing, 1));padding:calc(.5rem * var(--mmep-scale-spacing, 1)) calc(.625rem * var(--mmep-scale-spacing, 1));border-radius:calc(.25rem * var(--mmep-scale-edge, 1));cursor:pointer;color:rgb(var(--mmep-color-fg))}.mmep-preset-select__item:hover,.mmep-preset-select__item[data-highlighted]{background:rgb(var(--mmep-color-accent) / .12)}.mmep-preset-select__item[data-selected]{color:rgb(var(--mmep-color-accent))}.mmep-preset-select__item-text{display:flex;flex-direction:column;gap:calc(.125rem * var(--mmep-scale-spacing, 1));flex:1}.mmep-preset-select__description{font-size:calc(.6875rem * var(--mmep-scale-text, 1));color:rgb(var(--mmep-color-fg) / .6)}.mmep-preset-select__placeholder{color:rgb(var(--mmep-color-fg) / .5)}.slider.svelte-1fo0t4y{---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);position:relative;margin:auto;user-select:none;-webkit-user-select:none;background-color:transparent;cursor:pointer}.slider.svelte-1fo0t4y:before{background-color:transparent}[aria-orientation=horizontal].svelte-1fo0t4y{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-1fo0t4y{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-1fo0t4y{position:absolute;pointer-events:none;background:var(---track-background);border:var(---track-border);border-radius:calc(var(---track-height) / 2);box-sizing:border-box}[aria-orientation=horizontal].svelte-1fo0t4y .track:where(.svelte-1fo0t4y){height:var(---track-height);top:50%;transform:translateY(-50%);left:0;right:0}[aria-orientation=vertical].svelte-1fo0t4y .track:where(.svelte-1fo0t4y){width:var(---track-height);left:50%;transform:translate(-50%);top:0;bottom:0}.thumb.svelte-1fo0t4y{pointer-events:none;position:absolute;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;transform:translate(-50%,-50%);--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))}[aria-orientation=horizontal].svelte-1fo0t4y:not(.reverse) .thumb:where(.svelte-1fo0t4y){top:50%;left:var(--left)}[aria-orientation=vertical].svelte-1fo0t4y:not(.reverse) .thumb:where(.svelte-1fo0t4y){left:50%;bottom:calc(var(--left) - var(---thumb-size))}[aria-orientation=horizontal].reverse.svelte-1fo0t4y .thumb:where(.svelte-1fo0t4y){top:50%;right:calc(var(--left) - var(---thumb-size))}[aria-orientation=vertical].reverse.svelte-1fo0t4y .thumb:where(.svelte-1fo0t4y){left:50%;top:calc(var(--left))}.slider.svelte-1fo0t4y:focus-visible{outline:none}.slider.svelte-1fo0t4y:focus-visible .track:where(.svelte-1fo0t4y){outline:2px solid var(--focus-color, red);outline-offset:2px}.picker.svelte-u2lzzz{position:relative;display:inline-block;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);outline:none;-webkit-user-select:none;user-select:none;cursor:pointer}.s.svelte-u2lzzz,.v.svelte-u2lzzz{position:absolute;--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);user-select:none;-webkit-user-select:none}.s.svelte-u2lzzz{top:calc(var(--pos-y) * (var(--picker-height, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);left:2px;--track-width: calc(var(--picker-width, 200px) - 4px)}.v.svelte-u2lzzz{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-ika8xx{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:3px;margin:4px;height:var(--input-size, 25px);-webkit-user-select:none;user-select:none}.container.svelte-ika8xx{position:relative;display:block;display:flex;align-items:center;justify-content:center;width:var(--input-size, 25px)}input.svelte-ika8xx{margin:0;padding:0;border:none;width:1px;height:1px;flex-shrink:0;opacity:0}.alpha.svelte-ika8xx{clip-path:circle(50%);background:var(--alpha-grid-bg)}.alpha.svelte-ika8xx,.color.svelte-ika8xx{position:absolute;width:var(--input-size, 25px);height:var(--input-size, 25px);border-radius:50%;-webkit-user-select:none;user-select:none}input.svelte-ika8xx:focus-visible~.color:where(.svelte-ika8xx){outline:2px solid var(--focus-color, red);outline-offset:2px}label.svelte-1maj6ot{display:flex;justify-content:center;margin-bottom:4px;grid-area:nullable;-webkit-user-select:none;user-select:none}input.svelte-1maj6ot{margin:0}input.svelte-1maj6ot:focus-visible{outline:none}input.svelte-1maj6ot:focus-visible+span:where(.svelte-1maj6ot){width:14px;height:14px;border-radius:2px;outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-1maj6ot{width:32px;aspect-ratio:2;position:relative}div.svelte-1maj6ot :where(.svelte-1maj6ot){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.svelte-tcf73k{position:absolute;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);background-color:#fff;box-shadow:0 0 4px #000;border-radius:50%;pointer-events:none;z-index:1;transition:box-shadow .2s}.swatches.svelte-be1qhh{display:grid;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}.swatch.svelte-be1qhh{cursor:pointer;margin:0;padding:0;border:none;width:100%;aspect-ratio:1 / 1;height:auto;display:block}.swatch.svelte-be1qhh:focus{outline:2px solid var(--focus-color, red);outline-offset:2px}.text-input.svelte-s52wx2{margin:var(--text-input-margin, 5px 0 0)}.input-container.svelte-s52wx2{display:flex;flex:1;gap:10px}input.svelte-s52wx2,button.svelte-s52wx2,.button-like.svelte-s52wx2{flex:1;border:none;background-color:var(--cp-input-color, #eee);color:var(--cp-text-color, var(--cp-border-color));padding:0;border-radius:5px;height:30px;line-height:30px;text-align:center}input.svelte-s52wx2{width:5px;font-family:inherit}button.svelte-s52wx2,.button-like.svelte-s52wx2{position:relative;flex:1;margin:8px 0 0;height:30px;width:100%;transition:background-color .2s;cursor:pointer;font-family:inherit}.button-like.svelte-s52wx2{cursor:default}.appear.svelte-s52wx2,.disappear.svelte-s52wx2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;transition:all .5s}button.svelte-s52wx2:hover .disappear:where(.svelte-s52wx2),.appear.svelte-s52wx2{opacity:0}.disappear.svelte-s52wx2,button.svelte-s52wx2:hover .appear:where(.svelte-s52wx2){opacity:1}button.svelte-s52wx2:hover{background-color:var(--cp-button-hover-color, #ccc)}input.svelte-s52wx2:focus,button.svelte-s52wx2:focus{outline:none}input.svelte-s52wx2:focus-visible,button.svelte-s52wx2:focus-visible{outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-j019c0{padding:8px;background-color:var(--cp-bg-color, white);margin:0 10px 10px;border:1px solid var(--cp-border-color, black);border-radius:12px;display:none;width:max-content}.is-open.svelte-j019c0{display:inline-block}[role=dialog].svelte-j019c0{position:absolute;top:calc(var(--input-size, 25px) + 12px);left:0;z-index:var(--picker-z-index, 2)}span.svelte-5orn8a{position:relative;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}.h.svelte-5orn8a,.a.svelte-5orn8a{display:inline-flex;justify-content:center;--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}.horizontal.svelte-5orn8a .h:where(.svelte-5orn8a),.horizontal.svelte-5orn8a .a:where(.svelte-5orn8a){--track-width: calc(var(--picker-width, 200px) - 12px);--gradient-direction: .25turn;margin:4px 6px}.horizontal.svelte-5orn8a .h:where(.svelte-5orn8a){margin-top:8px}.vertical.svelte-5orn8a .h:where(.svelte-5orn8a),.vertical.svelte-5orn8a .a:where(.svelte-5orn8a){margin-left:3px}.h.svelte-5orn8a{grid-area:hue;--gradient-hue: #ff1500fb, #ffff00 17.2%, #ffff00 18.2%, #00ff00 33.3%, #00ffff 49.5%, #00ffff 51.5%, #0000ff 67.7%, #ff00ff 83.3%, #ff0000;--track-background: linear-gradient(var(--gradient-direction), var(--gradient-hue))}.a.svelte-5orn8a{grid-area:alpha;margin-top:2px;--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), rgba(0, 0, 0, 0), var(--alphaless-color)), var(--alpha-grid-bg)}span.svelte-5orn8a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.slider-with-value.svelte-1fn6thh{display:flex;flex-direction:column;gap:calc(.25rem * var(--mmep-scale-spacing, 1))}.row-header.svelte-1fn6thh{display:flex;align-items:baseline;justify-content:space-between;gap:calc(.5rem * var(--mmep-scale-spacing, 1))}.row-label.svelte-1fn6thh{font-size:calc(.8125rem * var(--mmep-scale-text, 1));color:rgb(var(--mmep-color-fg) / .85)}.row-value.svelte-1fn6thh{font-size:calc(.75rem * var(--mmep-scale-text, 1));font-variant-numeric:tabular-nums;color:rgb(var(--mmep-color-accent));font-weight:500}.compact-form.svelte-19ubwc0{display:flex;flex-direction:column;gap:var(--mmep-space-2)}.no-image.svelte-19ubwc0{margin:0;padding:var(--mmep-space-4);text-align:center;font-size:var(--mmep-text-xs);color:rgb(var(--mmep-color-fg-secondary))}.preview-frame.svelte-19ubwc0{container-type:inline-size;position:relative;width:100%;border-radius:var(--mmep-radius-sm);overflow:visible;padding:var(--mmep-space-2);background:rgb(var(--mmep-color-bg-2) / .4)}.preview-compare{width:100%}.preview-stage{width:100%;border-radius:var(--mmep-radius-sm);overflow:visible;display:block}.preview-img.svelte-19ubwc0{display:block;width:100%;max-width:clamp(var(--mmep-preview-min),100cqi,var(--mmep-preview-max));aspect-ratio:var(--mmep-preview-ar, auto);margin-inline:auto;height:auto}.row.svelte-19ubwc0{display:flex;flex-direction:column;gap:var(--mmep-space-1)}.row-color.svelte-19ubwc0{flex-direction:row;align-items:center;gap:var(--mmep-space-2)}.row-label.svelte-19ubwc0{font-size:var(--mmep-text-base);color:rgb(var(--mmep-color-fg) / .85)}.color-swatch-btn.svelte-19ubwc0{display:inline-flex;align-items:center;gap:var(--mmep-space-2);padding:var(--mmep-space-1) var(--mmep-space-3);border:var(--mmep-hairline-width) solid rgb(var(--mmep-color-border) / .6);border-radius:var(--mmep-radius-sm);background:rgb(var(--mmep-color-bg) / .6);cursor:pointer;font-size:var(--mmep-text-sm);line-height:1.4}.color-swatch-btn.svelte-19ubwc0:hover{border-color:rgb(var(--mmep-color-accent) / .6)}.color-swatch.svelte-19ubwc0{width:var(--mmep-icon-size-md);height:var(--mmep-icon-size-md);border-radius:var(--mmep-radius-sm);border:var(--mmep-hairline-width) solid rgb(var(--mmep-color-border) / .4)}.color-swatch-hex.svelte-19ubwc0{font-family:var(--mmep-font-mono, ui-monospace, monospace);color:rgb(var(--mmep-color-fg) / .7)}.picker-shell{padding:var(--mmep-space-2);min-width:var(--mmep-size-2xl);max-width:min(var(--mmep-size-3xl),calc(100vw - var(--mmep-space-6)));box-sizing:border-box}.picker-footer{display:flex;gap:var(--mmep-space-2);margin-top:var(--mmep-space-3);padding-top:var(--mmep-space-2);border-top:var(--mmep-hairline-width) solid rgb(var(--mmep-color-border) / .5)}.picker-btn{flex:1;min-height:var(--mmep-touch-min);padding:var(--mmep-space-2) var(--mmep-space-3);border-radius:var(--mmep-radius-sm);font:inherit;font-size:var(--mmep-text-md);font-weight:500;cursor:pointer;transition:opacity .12s ease-out}.picker-btn:focus-visible{outline:var(--mmep-image-surface-outline) solid rgb(var(--mmep-color-accent));outline-offset:var(--mmep-image-surface-outline-offset)}.picker-btn--ghost{background:transparent;border:var(--mmep-hairline-width) solid rgb(var(--mmep-color-border));color:rgb(var(--mmep-color-fg))}.picker-btn--ghost:hover{background:rgb(var(--mmep-color-bg-2) / .5)}.picker-btn--primary{background:rgb(var(--mmep-color-accent));border:var(--mmep-hairline-width) solid rgb(var(--mmep-color-accent));color:rgb(var(--mmep-color-accent-fg))}.picker-btn--primary:hover{opacity:.92}