[data-scroll-area-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-scroll-area-viewport]::-webkit-scrollbar{display:none!important}:where([data-scroll-area-viewport]){display:flex;flex-direction:column;align-items:stretch}:where([data-scroll-area-content]){flex-grow:1}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial;--tw-border-style:solid}}}.crop-panel.svelte-10uw5rc{width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2)}.crop-panel__header.svelte-10uw5rc{justify-content:space-between;align-items:center;display:flex}.crop-panel__label.svelte-10uw5rc{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--muted-foreground);text-transform:uppercase}.crop-panel__actions.svelte-10uw5rc{align-items:center;gap:calc(var(--spacing,.25rem)*1);display:flex}.crop-panel__content.svelte-10uw5rc{gap:calc(var(--spacing,.25rem)*2);flex-direction:column;display:flex}.crop-panel__ratios.svelte-10uw5rc{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-bottom:calc(var(--spacing,.25rem)*2);display:flex}.crop-panel__ratio-btn.svelte-10uw5rc{align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--muted-foreground);flex-direction:column;display:flex}@media(hover:hover){.crop-panel__ratio-btn.svelte-10uw5rc:hover{background-color:var(--accent);color:var(--foreground)}}.crop-panel__ratio-btn.svelte-10uw5rc{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;transition-duration:.15s}.crop-panel__ratio-btn--active.svelte-10uw5rc{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.crop-panel__ratio-btn--active.svelte-10uw5rc{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.crop-panel__ratio-btn--active.svelte-10uw5rc{color:var(--primary)}.crop-panel__ratio-label.svelte-10uw5rc{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.crop-panel__shapes.svelte-10uw5rc{align-items:center;gap:calc(var(--spacing,.25rem)*3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border);display:flex}@supports (color:color-mix(in lab,red,red)){.crop-panel__shapes.svelte-10uw5rc{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.crop-panel__shapes.svelte-10uw5rc{padding-top:calc(var(--spacing,.25rem)*2)}.crop-panel__shape-btns.svelte-10uw5rc{align-items:center;gap:calc(var(--spacing,.25rem)*1);display:flex}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.editor-controls.svelte-1qnnegd{grid-area:controls;width:100%}.editor-subtoolbar.svelte-11b4zv3{flex-direction:column;grid-area:subtoolbar;width:100%;display:flex}.editor-subtoolbar__nav.svelte-11b4zv3{width:100%}div.svelte-osl2v{position:relative;width:100%;height:100%}canvas.svelte-osl2v{display:block;position:relative;width:100%;height:100%}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-border-style:solid;--tw-font-weight:initial}}}.editor-canvas.svelte-1emejnc{height:100%;min-height:calc(var(--spacing,.25rem)*0);width:100%;min-width:calc(var(--spacing,.25rem)*0);background-color:var(--muted);position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.editor-canvas.svelte-1emejnc{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.editor-canvas.svelte-1emejnc{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.editor-canvas.svelte-1emejnc canvas{width:100%;height:100%}.editor-canvas__loading.svelte-1emejnc,.editor-canvas__empty.svelte-1emejnc{inset:calc(var(--spacing,.25rem)*0);z-index:10;background-color:var(--background);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}@supports (color:color-mix(in lab,red,red)){.editor-canvas__loading.svelte-1emejnc,.editor-canvas__empty.svelte-1emejnc{background-color:color-mix(in oklab,var(--background)80%,transparent)}}.editor-canvas__loading.svelte-1emejnc,.editor-canvas__empty.svelte-1emejnc{--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--muted-foreground)}.editor-canvas__spinner.svelte-1emejnc{margin-bottom:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);border-style:var(--tw-border-style);border-width:2px;border-color:var(--primary);border-top-color:#0000;border-radius:3.40282e38px;animation:1s linear infinite svelte-1emejnc-spin}.editor-canvas__empty-icon.svelte-1emejnc{margin-bottom:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12)}.editor-canvas__badge.svelte-1emejnc{top:calc(var(--spacing,.25rem)*2);right:calc(var(--spacing,.25rem)*2);z-index:20;padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);border-radius:.25rem;position:absolute}@supports (color:color-mix(in lab,red,red)){.editor-canvas__badge.svelte-1emejnc{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.editor-canvas__badge.svelte-1emejnc{background-color:var(--muted);color:var(--muted-foreground)}.editor-canvas__badge.webgpu.svelte-1emejnc{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.editor-canvas__badge.webgpu.svelte-1emejnc{border-color:color-mix(in oklab,var(--color-green-500,oklch(72.3% .219 149.579))30%,transparent)}}.editor-canvas__badge.webgpu.svelte-1emejnc{background-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.editor-canvas__badge.webgpu.svelte-1emejnc{background-color:color-mix(in oklab,var(--color-green-500,oklch(72.3% .219 149.579))20%,transparent)}}.editor-canvas__badge.webgpu.svelte-1emejnc{color:var(--color-green-600,oklch(62.7% .194 149.214))}@keyframes svelte-1emejnc-spin{to{transform:rotate(360deg)}}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}.editor-toolbar.svelte-kperks{grid-area:toolbar;width:100%}.editor-header.svelte-z49m98{width:100%;padding:calc(var(--spacing,.25rem)*2);grid-area:header;grid-template-columns:.5fr 1fr .5fr;display:grid}.editor-header__actions.svelte-z49m98{align-items:center;gap:calc(var(--spacing,.25rem)*1);place-self:end;display:flex}@media(min-width:40rem){.editor-header__actions.svelte-z49m98{gap:calc(var(--spacing,.25rem)*2)}}.editor-canvas{grid-area:preview}