.component.svelte-a60pwe{width:100%;max-width:var(--color-chooser-max-width,12em);align-items:stretch;gap:var(--wordplay-spacing);border:var(--wordplay-border-width) solid var(--wordplay-border-color);border-radius:var(--wordplay-border-radius);padding-bottom:var(--wordplay-spacing);flex-direction:column;display:flex}.unit.svelte-a60pwe{gap:var(--wordplay-border-width);background:var(--wordplay-border-color);border-top-left-radius:var(--wordplay-border-radius);border-top-right-radius:var(--wordplay-border-radius);border-bottom:var(--wordplay-border-width) solid var(--wordplay-border-color);flex-direction:column;display:flex}.top.svelte-a60pwe{gap:var(--wordplay-border-width);flex-direction:row;height:2rem;display:flex}.preview.svelte-a60pwe{border-top-left-radius:var(--wordplay-border-radius);flex:none;width:2rem}.bands.svelte-a60pwe{border-top-right-radius:var(--wordplay-border-radius);flex-direction:column;flex:1;min-width:2em;height:100%;display:flex;position:relative;overflow:hidden}.band.svelte-a60pwe{pointer-events:none;touch-action:none}.selection.svelte-a60pwe{background:var(--wordplay-background);pointer-events:none;touch-action:none;width:4px;height:4px;position:absolute;transform:translate(-2px,-2px)}.primary.svelte-a60pwe{grid-template-columns:repeat(auto-fill, minmax(var(--wordplay-target-size), 1fr));gap:var(--wordplay-border-width);background:var(--wordplay-border-color);display:grid}.primary.svelte-a60pwe button.swatch{aspect-ratio:1;width:100%;box-shadow:none;border-radius:0;display:block}.color.svelte-a60pwe{width:100%;height:100%;display:block}.input.svelte-a60pwe{align-items:center;gap:var(--wordplay-spacing);font-size:var(--wordplay-small-font-size);flex-direction:row;padding-inline-start:var(--wordplay-spacing);padding-inline-end:var(--wordplay-spacing);display:flex}.input.svelte-a60pwe .field-group{flex:1;min-width:0}.format.svelte-a60pwe{color:var(--wordplay-inactive-color);white-space:nowrap;flex:none;padding-inline-end:var(--wordplay-spacing-half)}.format.error.svelte-a60pwe{color:var(--wordplay-error)}input[type=file].svelte-za23j{display:none}.stage.svelte-za23j{gap:var(--wordplay-spacing-double);flex-flow:wrap;align-items:start;width:100%;display:flex}.image.svelte-za23j{touch-action:none;flex:8em;min-width:8em;max-width:24em;position:relative}.source.svelte-za23j{width:100%;height:100%;display:block}.crop.svelte-za23j{border:var(--wordplay-focus-width) solid var(--wordplay-highlight-color);cursor:move;background:0 0;margin:0;padding:0;position:absolute}.crop.moving.svelte-za23j{border-style:dashed}.handle.svelte-za23j{width:var(--wordplay-spacing-double);height:var(--wordplay-spacing-double);background:var(--wordplay-highlight-color);border:var(--wordplay-border-width) solid var(--wordplay-background);border-radius:50%;position:absolute}.top-left.svelte-za23j{left:calc(-1 * var(--wordplay-spacing));top:calc(-1 * var(--wordplay-spacing));cursor:nwse-resize}.top-right.svelte-za23j{right:calc(-1 * var(--wordplay-spacing));top:calc(-1 * var(--wordplay-spacing));cursor:nesw-resize}.bottom-left.svelte-za23j{left:calc(-1 * var(--wordplay-spacing));bottom:calc(-1 * var(--wordplay-spacing));cursor:nesw-resize}.bottom-right.svelte-za23j{right:calc(-1 * var(--wordplay-spacing));bottom:calc(-1 * var(--wordplay-spacing));cursor:nwse-resize}.preview.svelte-za23j{border:var(--wordplay-border-color) solid var(--wordplay-border-width)}.preview.svelte-za23j canvas:where(.svelte-za23j){width:100%;height:100%;image-rendering:pixelated;display:block}