html,body,#root{height:100%;width:100%;box-sizing:border-box}:root{font-family:Inter,Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-12: 12px;--text-10: 10px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--small-shadow: 14px 14px 6px 0px #000000, 9px 9px 5px 0px rgba(0, 0, 0, .01), 5px 5px 4px 0px rgba(0, 0, 0, .03), 2px 2px 3px 0px rgba(0, 0, 0, .05), 1px 1px 2px 0px rgba(0, 0, 0, .06);--big-shadow: 4px 4px 11px 0px rgba(0, 0, 0, .1), 14px 14px 20px 0px rgba(0, 0, 0, .09), 32px 32px 27px 0px rgba(0, 0, 0, .05), 57px 57px 32px 0px rgba(0, 0, 0, .01), 90px 90px 36px 0px rgba(0, 0, 0, 0)}:root[data-theme=light],:root:not([data-theme]){--background: #ffffff;--foreground: #171717;--line: #e9e9e9;--main: #000000;--main-opposite: #ffffff;--main-50: rgba(0, 0, 0, .5);--grey-25: #8c8c8c;--grey-10: #f7f7f7;--grey-15: #e7e7e7;--color-1: #a600ff;--color-1-sub: #f4e0ff;--color-2: #67c416;--color-2-sub: #efffe0;--color-3: #ff6600;--color-3-sub: #ffebe0;--color-4: #00a1ff;--color-4-sub: #e0fcff;--color-5: #ffb700;--color-5-sub: #fff7ac;--blured-bg: #ffffff;--scroll-bg: #fcfcfc;color:#213547;background-color:#fff;--cp-color-surface: #ffffff;--cp-color-text-primary: #333333;--cp-color-white: #ffffff;--cp-color-white-soft: #f9f9f9;--cp-shadow-strong: rgba(0, 0, 0, .15);--cp-shadow-soft: rgba(0, 0, 0, .1);--cp-shadow-slider-thumb: rgba(0, 0, 0, .25);--cp-border-faint: rgba(0, 0, 0, .06);--cp-border-default: rgba(0, 0, 0, .12);--cp-border-hover: rgba(0, 0, 0, .25);--cp-border-subtle: rgba(0, 0, 0, .08);--cp-border-strong: rgba(0, 0, 0, .18);--cp-indicator-border: rgba(0, 0, 0, .15);--cp-indicator-fill: rgba(255, 255, 255, .05);--cp-indicator-inner-shadow: rgba(0, 0, 0, .1);--cp-caret-stroke: rgba(0, 0, 0, .65);--cp-status-bar-bg: #f5f5f5;--cp-drag-handle-bg: rgba(0, 0, 0, .08);--cp-drag-handle-bg-hover: rgba(0, 0, 0, .25);--cp-layer-default: rgba(245, 245, 245, .75);--cp-layer-strong: #ffffffe6;--cp-menu-bg: rgba(255, 255, 255, .98);--cp-menu-shadow: rgba(0, 0, 0, .15);--cp-menu-option-bg: rgba(235, 235, 240, .9);--cp-menu-option-text: #333333;--cp-gradient-track-bg: #d1d1d6;--cp-gradient-handle-border: rgba(255, 255, 255, .9);--cp-gradient-handle-shadow: rgba(0, 0, 0, .3);--cp-gradient-active-border: rgba(255, 72, 0, .9);--cp-gradient-active-shadow: rgba(255, 72, 0, .35);--cp-plane-frame-bg: rgba(0, 0, 0, .03);--cp-plane-frame-border: rgba(0, 0, 0, .1);--cp-plane-frame-inner: rgba(255, 255, 255, .5);--cp-plane-thumb-ring: rgba(255, 255, 255, .6);--cp-plane-thumb-shadow: rgba(0, 0, 0, .3);--cp-text-secondary: rgba(51, 51, 51, .78);--cp-text-muted: rgba(51, 51, 51, .62);--cp-slider-thumb-border: rgba(255, 255, 255, .9);--cp-input-border: rgba(0, 0, 0, .15);--cp-input-bg: rgba(250, 250, 250, .8);--cp-eyedropper-bg: rgba(245, 245, 245, .8);--cp-eyedropper-icon: rgba(0, 0, 0, .7);--cp-alpha-gradient-start: rgba(0, 0, 0, 0);--cp-alpha-gradient-end: rgba(0, 0, 0, 1);--big-shadow: 20px 20px 74px rgba(0, 0, 0, .08), 12px 10px 22px rgba(0, 0, 0, .06)}:root[data-theme=dark]{--background: #0a0a0a;--foreground: #ededed;--line: #474747;--main: #d1cfd7;--main-opposite: #181818;--main-50: #7b7b7b;--grey-25: #a2a2a2;--grey-10: #202020;--grey-15: #4b4b4b;--color-1: #a600ff;--color-1-sub: #5e0091;--color-2: #67c416;--color-2-sub: #2d5f00;--color-3: #ff6600;--color-3-sub: #7f3300;--color-4: #00a1ff;--color-4-sub: #004974;--color-5: #ffaa00;--color-5-sub: #805c00;--blured-bg: #202020;--scroll-bg: #282828;color:#ffffffde;background-color:#242424;--cp-color-surface: #181818;--cp-color-text-primary: #d1cfd7;--cp-color-white: #ffffff;--cp-color-white-soft: #fefefe;--cp-shadow-strong: rgba(3, 7, 18, .55);--cp-shadow-soft: rgba(0, 0, 0, .3);--cp-shadow-slider-thumb: rgba(3, 7, 18, .38);--cp-border-faint: rgba(255, 255, 255, .06);--cp-border-default: rgba(255, 255, 255, .08);--cp-border-hover: rgba(255, 255, 255, .18);--cp-border-subtle: rgba(255, 255, 255, .12);--cp-border-strong: rgba(255, 255, 255, .14);--cp-indicator-border: rgba(255, 255, 255, .2);--cp-indicator-fill: rgba(255, 255, 255, .08);--cp-indicator-inner-shadow: rgba(0, 0, 0, .3);--cp-caret-stroke: rgba(255, 255, 255, .65);--cp-status-bar-bg: #181818;--cp-drag-handle-bg: rgba(255, 255, 255, .12);--cp-drag-handle-bg-hover: rgba(255, 255, 255, .72);--cp-layer-default: rgba(20, 20, 26, .75);--cp-layer-strong: rgba(20, 20, 26, .85);--cp-menu-bg: rgba(19, 19, 24, .96);--cp-menu-shadow: rgba(3, 7, 18, .45);--cp-menu-option-bg: rgba(52, 52, 63, .9);--cp-menu-option-text: #ffffff;--cp-gradient-track-bg: #5e5e66;--cp-gradient-handle-border: rgba(16, 16, 20, .8);--cp-gradient-handle-shadow: rgba(3, 7, 18, .4);--cp-gradient-active-border: rgba(255, 72, 0, .9);--cp-gradient-active-shadow: rgba(255, 72, 0, .35);--cp-plane-frame-bg: rgba(255, 255, 255, .05);--cp-plane-frame-border: rgba(255, 255, 255, .08);--cp-plane-frame-inner: rgba(0, 0, 0, .15);--cp-plane-thumb-ring: rgba(0, 0, 0, .35);--cp-plane-thumb-shadow: rgba(3, 7, 18, .45);--cp-text-secondary: rgba(244, 244, 245, .78);--cp-text-muted: rgba(244, 244, 245, .62);--cp-slider-thumb-border: rgba(18, 18, 24, .8);--cp-input-border: rgba(255, 255, 255, .12);--cp-input-bg: rgba(20, 20, 26, .8);--cp-eyedropper-bg: rgba(20, 20, 26, .75);--cp-eyedropper-icon: rgba(255, 255, 255, .82);--cp-alpha-gradient-start: rgba(255, 255, 255, 0);--cp-alpha-gradient-end: rgba(255, 255, 255, 1);--big-shadow: 20px 20px 74px rgba(0, 0, 0, .1), 12px 10px 22px rgba(0, 0, 0, .08)}._ColorPickerControls_19imb_1{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;touch-action:none}._ColorPickerControls__canvas_19imb_12{width:100%;height:100%;pointer-events:auto;overflow:visible}._ColorPickerControls__axis_19imb_19{stroke:#ffffffa6;stroke-width:2;stroke-linecap:round}._ColorPickerControls__handle_19imb_25{fill:#0e0e128c;stroke:#ffffffe0;stroke-width:2;cursor:pointer}._ColorPickerControls__handle--endpoint_19imb_32{fill:#fff;filter:drop-shadow(9px 9px 5px rgba(0,0,0,.01)) drop-shadow(5px 5px 4px rgba(0,0,0,.03)) drop-shadow(2px 2px 3px rgba(0,0,0,.05)) drop-shadow(1px 1px 2px rgba(0,0,0,.06))}._ColorPickerControls__handle--active_19imb_40{stroke-width:3;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}._ColorPickerControls__handle--preview_19imb_45{fill:#ffffff14;stroke:#ffffff8c;stroke-width:2;stroke-dasharray:4 4}:root{--cp-color-surface: #181818;--cp-color-text-primary: #d1cfd7;--cp-color-white: #ffffff;--cp-color-white-soft: #fefefe;--cp-shadow-strong: rgba(3, 7, 18, .55);--cp-shadow-soft: rgba(0, 0, 0, .3);--cp-shadow-slider-thumb: rgba(3, 7, 18, .38);--cp-border-faint: rgba(255, 255, 255, .06);--cp-border-default: rgba(255, 255, 255, .08);--cp-border-hover: rgba(255, 255, 255, .18);--cp-border-subtle: rgba(255, 255, 255, .12);--cp-border-strong: rgba(255, 255, 255, .14);--cp-indicator-border: rgba(255, 255, 255, .2);--cp-indicator-fill: rgba(255, 255, 255, .08);--cp-indicator-inner-shadow: rgba(0, 0, 0, .3);--cp-caret-stroke: rgba(255, 255, 255, .65);--cp-status-bar-bg: #181818;--cp-drag-handle-bg: rgba(255, 255, 255, .12);--cp-drag-handle-bg-hover: rgba(255, 255, 255, .72);--cp-layer-default: rgba(20, 20, 26, .75);--cp-layer-strong: rgba(20, 20, 26, .85);--cp-menu-bg: rgba(19, 19, 24, .96);--cp-menu-shadow: rgba(3, 7, 18, .45);--cp-menu-option-bg: rgba(52, 52, 63, .9);--cp-menu-option-text: #ffffff;--cp-gradient-track-bg: #5e5e66;--cp-gradient-handle-border: rgba(16, 16, 20, .8);--cp-gradient-handle-shadow: rgba(3, 7, 18, .4);--cp-gradient-active-border: rgba(255, 72, 0, .9);--cp-gradient-active-shadow: rgba(255, 72, 0, .35);--cp-plane-frame-bg: rgba(255, 255, 255, .05);--cp-plane-frame-border: rgba(255, 255, 255, .08);--cp-plane-frame-inner: rgba(0, 0, 0, .15);--cp-plane-thumb-ring: rgba(0, 0, 0, .35);--cp-plane-thumb-shadow: rgba(3, 7, 18, .45);--cp-text-secondary: rgba(244, 244, 245, .78);--cp-text-muted: rgba(244, 244, 245, .62);--cp-slider-thumb-border: rgba(18, 18, 24, .8);--cp-input-border: rgba(255, 255, 255, .12);--cp-input-bg: rgba(20, 20, 26, .8);--cp-eyedropper-bg: rgba(20, 20, 26, .75);--cp-eyedropper-icon: rgba(255, 255, 255, .82);--cp-alpha-gradient-start: rgba(255, 255, 255, 0);--cp-alpha-gradient-end: rgba(255, 255, 255, 1);--big-shadow: 20px 20px 74px rgba(0, 0, 0, .1), 12px 10px 22px rgba(0, 0, 0, .08);--grey-25: #a2a2a2;--grey-10: #202020;--spacing-16: 16px;--spacing-12: 12px;--spacing-8: 8px;--spacing-4: 4px;--spacing-6: 6px}.ColorPicker{position:fixed;top:0;left:0;width:240px;height:auto;z-index:1100;padding:var(--spacing-8);gap:var(--spacing-8);display:flex;flex-direction:column;background:var(--cp-color-surface);user-select:none;border-radius:var(--spacing-12);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.ColorPicker__header{position:relative;display:flex;align-items:center;gap:.75rem;padding-top:.75rem}.ColorPicker__header--hidden{position:absolute;top:0;left:0;width:100%;height:0;padding-top:0}.ColorPicker__header--hidden .ColorPicker__dragHandle{pointer-events:auto;top:-1rem}.ColorPicker__dragHandle{position:absolute;top:-1.4rem;left:50%;transform:translate(-50%);width:68px;height:6px;border-radius:999px;background:var(--cp-drag-handle-bg);transition:.3s;cursor:grab}.ColorPicker__dragHandle:hover{background:var(--cp-drag-handle-bg-hover)}.ColorPicker__modeTrigger{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:var(--spacing-8);gap:4px;width:100%;height:34px;background:var(--cp-layer-strong);border:1px solid var(--line, rgba(60, 60, 60, .93));border-radius:6px;cursor:pointer;color:var(--cp-color-text-primary)}.ColorPicker__modeTrigger:hover{border-color:var(--cp-border-hover);background:var(--cp-layer-strong)}.ColorPicker__modeIcon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:6px;background-color:var(--cp-indicator-fill);color:var(--cp-color-text-primary)}.ColorPicker__modeCaret{margin-left:auto;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--cp-color-text-primary);transition:transform .16s ease}.ColorPicker__modeCaret svg{width:16px;height:16px;display:block}.ColorPicker__modeCaret--open{transform:rotate(-180deg)}.ColorPicker__modeList{display:flex;flex-direction:column;position:absolute;-webkit-user-select:none;user-select:none;top:calc(100% - 15px);width:100%;gap:var(--spacing-4);padding:var(--spacing-8);background:var(--cp-color-surface);border-radius:var(--spacing-16);box-shadow:var(--big-shadow);overflow:hidden;text-overflow:ellipsis;cursor:pointer;border:none;z-index:5;transition:background .12s ease,color .12s ease}.ColorPicker__modeList li{width:100%}.ColorPicker__modeOption{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-4);padding:var(--spacing-8);border-radius:var(--spacing-6);text-overflow:ellipsis;font-size:12px;width:100%;background:transparent;border:none;color:var(--cp-color-text-primary);text-align:start;cursor:pointer}.ColorPicker__modeOption[aria-selected=true],.ColorPicker__modeOption:hover{background:var(--grey-10);color:var(--cp-menu-option-text)}.ColorPicker__modeOptionLabel{flex:1}.ColorPicker__gradient{position:relative;display:flex;align-items:center;height:14px;border-radius:999px;background:var(--cp-gradient-track-bg);box-shadow:inset 0 0 0 1px #0000002e;overflow:hidden;cursor:pointer;touch-action:none}.ColorPicker__gradientTrack{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,var(--cp-alpha-gradient-start),var(--cp-alpha-gradient-end))}.ColorPicker__gradientHandle{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;aspect-ratio:1 / 1;border:none;padding:0;background:transparent;border-radius:50%;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;outline:none;box-shadow:0 3px 6px #00000059}.ColorPicker__gradientHandle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--cp-color-white);background:transparent}.ColorPicker__gradientHandle--active{transform:translate(-50%,-50%) scale(1.15);filter:drop-shadow(0px .5px .5px rgba(0,0,0,.35))}.ColorPicker__gradientHandle--active:before{border-width:3px}.ColorPicker__planeWrapper{border-radius:var(--spacing-8);background:var(--cp-plane-frame-bg)}.ColorPicker__plane{position:relative;width:100%;height:219px;border-radius:var(--spacing-8);cursor:pointer;overflow:hidden;touch-action:none}.ColorPicker__planeThumb{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%) scale(1.15);background:transparent;filter:drop-shadow(0px .5px .5px rgba(0,0,0,.35));pointer-events:none}.ColorPicker__planeThumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--cp-color-white)}.ColorPicker__sliders{display:grid;gap:var(--spacing-8)}.ColorPicker__slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:13px;position:relative;border-radius:999px;border:none;outline:none;cursor:pointer;overflow:hidden;background-color:transparent;background-size:100% 100%;box-shadow:inset 0 0 0 1px #0000002e;touch-action:none}.ColorPicker__slider--alpha{background-blend-mode:normal}.ColorPicker__inputs{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px;gap:8px;width:100%}.ColorPicker__eyedropper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px;gap:8px;width:32px;height:32px;background-color:transparent;border:none;cursor:pointer}.ColorPicker__eyedropperIcon{width:16px;height:16px;display:block;color:var(--cp-color-text-primary);pointer-events:none}.ColorPicker__inputGroup{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:8px;gap:4px;height:32px;border:1px solid var(--line, rgba(60, 60, 60, .93));border-radius:6px}.ColorPicker__inputGroup--hex{width:121px}.ColorPicker__inputGroup--alpha{width:55px}.ColorPicker__textInput{flex:1;display:flex;align-items:center;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:var(--cp-color-text-primary);background:transparent;border:none;outline:none;min-width:0}.ColorPicker__textInput::-webkit-outer-spin-button,.ColorPicker__textInput::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.ColorPicker__inputPrefix,.ColorPicker__inputSuffix{display:flex;align-items:center;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:10px;line-height:14px;color:#7b7b7b}.ColorPickerControls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;touch-action:none}.ColorPickerControls__canvas{width:100%;height:100%;pointer-events:auto}.ColorPickerControls__axis{stroke:#ffffffa6;stroke-width:2;stroke-linecap:round}.ColorPickerControls__handle{fill:#0e0e128c;stroke:#ffffffe0;stroke-width:2;cursor:pointer}.ColorPickerControls__handle--endpoint{fill:#fff;filter:drop-shadow(9px 9px 5px rgba(0,0,0,.01)) drop-shadow(5px 5px 4px rgba(0,0,0,.03)) drop-shadow(2px 2px 3px rgba(0,0,0,.05)) drop-shadow(1px 1px 2px rgba(0,0,0,.06))}.ColorPickerControls__handle--active{stroke-width:3;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.ColorPickerControls__handle--preview{fill:#ffffff14;stroke:#ffffff8c;stroke-width:2;stroke-dasharray:4 4}._button_kpkzu_1{position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out;pointer-events:auto;transform:translate(-50%,-50%);border:1px solid black;border-radius:var(--spacing-60, 60px);box-shadow:9px 9px 5px #00000003,5px 5px 4px #00000008,2px 2px 3px #0000000d,1px 1px 2px #0000000f}._button_kpkzu_1:hover{width:32px;height:32px}._button_kpkzu_1:active{transform:translate(-50%,-50%) scale(.95)}._button_kpkzu_1._small_kpkzu_26{width:8px;height:8px}._button_kpkzu_1._large_kpkzu_31{width:32px;height:32px}._pipetteIcon_kpkzu_36{width:16px;height:16px;opacity:0;transition:opacity .2s ease-out;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}._button_kpkzu_1._large_kpkzu_31 ._pipetteIcon_kpkzu_36{opacity:1}._overlay_tqm0q_1{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}._overlayContainer_1njrj_1{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}._iconButton_1njrj_8{border:none;background:#fff;border:1px solid black;box-shadow:1px 1px 2px #0000000f;border-radius:60px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:10px;pointer-events:auto;transition:transform .15s ease-out,box-shadow .15s ease-out,width .15s ease-out,height .15s ease-out;padding:0}._iconButton_1njrj_8:active{transform:scale(.95)}._dot_1njrj_28{width:8px;height:8px}._dot_1njrj_28:hover{transform:scale(1.2)}._button_1njrj_37{width:32px;height:32px}._button_1njrj_37:hover{transform:scale(1.15);box-shadow:1px 1px 4px #0000001f}._hovered_1njrj_48{box-shadow:1px 1px 4px #0000001f;transform:scale(1.1)}._iconWrapper_1njrj_53{position:relative;display:flex;align-items:center;justify-content:center}._iconWrapper_1njrj_53 svg{width:16px;height:16px}._hiddenFileInput_1b8i4_1{display:none}._slider_1sk1b_1>input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;outline:none;border-radius:2px;width:100%;margin:6px 0;cursor:pointer}._slider_1sk1b_1{display:flex;gap:var(--spacing-4, 4px);align-items:center;font-size:var(--text-12, 12px);width:100%}._slider_1sk1b_1>input[type=range]::-webkit-slider-thumb{border:none;outline:none;transition:width .1s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2px;height:14px;background:var(--main, #000000);border-radius:1px}._slider_1sk1b_1>input[type=range]::-moz-range-thumb{border:none;outline:none;transition:width .1s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2px;height:14px;background:var(--main, #000000);border-radius:1px}._slider_1sk1b_1>input[type=range]:hover::-webkit-slider-thumb{width:5px}._slider_1sk1b_1>input[type=range]:hover::-moz-range-thumb{width:5px}._default_1sk1b_52>input[type=range]{background-color:var(--grey-10, #f7f7f7)}._variant2_1sk1b_56>input[type=range]{background:linear-gradient(.25turn,#6fecee,#ff0004)}._variant3_1sk1b_60>input[type=range]{background:linear-gradient(.25turn,#dc33e8,#70ee4a)}._variant4_1sk1b_64>input[type=range]{background:linear-gradient(.25turn,#f1f151,#0c0ce8)}._slider_1sk1b_1>input[type=range]:disabled{opacity:.3;cursor:default}._slider_1sk1b_1>input[type=range]:disabled::-webkit-slider-thumb{transition:none}._slider_1sk1b_1>input[type=range]:disabled::-moz-range-thumb{transition:none}._slider_1sk1b_1>input[type=range]:disabled:hover::-webkit-slider-thumb{width:2px;cursor:default}._slider_1sk1b_1>input[type=range]:disabled:hover::-moz-range-thumb{width:2px;cursor:default}._menu_9xk6j_1{position:fixed;background:var(--main-opposite, white);box-shadow:var(--big-shadow, 4px 4px 11px rgba(0, 0, 0, .1));border-radius:var(--spacing-16, 16px);padding:var(--spacing-16, 16px);width:218px;z-index:1000;overflow:hidden}._menuItem_9xk6j_12{padding-top:var(--spacing-2, 2px);padding-bottom:var(--spacing-2, 2px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-4, 4px);width:100%}._layerName_9xk6j_23{color:var(--main, black);font-size:var(--text-12, 12px);font-family:Inter,sans-serif;font-weight:400;line-height:16px;word-wrap:break-word;align-self:stretch;display:flex;flex-direction:column;justify-content:center}._sliderContainer_9xk6j_36{align-self:stretch;height:var(--spacing-16, 16px);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}._canvasContainer_1y0vh_2{width:100%;height:100%;position:relative;background:var(--background, #ffffff);overflow:hidden}._canvasWrapper_1y0vh_11{width:100%;height:100%;position:relative;overflow:hidden}._emptyState_1y0vh_19{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--grey-25, #8c8c8c);pointer-events:none;z-index:10}._emptyTitle_1y0vh_30{font-size:24px;margin-bottom:10px;color:var(--grey-25, #8c8c8c)}._emptyText_1y0vh_36{font-size:16px;color:var(--grey-25, #8c8c8c)}._exportOverlay_1y0vh_42{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background, #fff);display:flex;align-items:center;justify-content:center;z-index:100}._exportText_1y0vh_55{color:var(--grey-25, #8c8c8c);font-size:14px}._container_e0xm7_1{position:relative;display:inline-block}._buttonsWrapper_e0xm7_6{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-8, 8px);align-self:stretch}._dropdown_e0xm7_14{position:absolute;bottom:calc(100% + var(--spacing-8, 8px));z-index:1000;display:flex;overflow:hidden;width:218px;padding:var(--spacing-8, 8px);flex-direction:column;align-items:flex-start;gap:var(--spacing-4, 4px);border-radius:var(--spacing-16, 16px);background:var(--main-opposite, #fff);box-shadow:var( --big-shadow, 57px 57px 32px 0 rgba(0, 0, 0, .01), 32px 32px 27px 0 rgba(0, 0, 0, .05), 14px 14px 20px 0 rgba(0, 0, 0, .09), 4px 4px 11px 0 rgba(0, 0, 0, .1) )}._dropdownLeft_e0xm7_36{left:0;right:auto}._dropdownRight_e0xm7_41{right:0;left:auto}._menuItem_e0xm7_46{background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease;display:flex;padding:var(--spacing-8, 8px);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-2, 2px);align-self:stretch;border-radius:var(--spacing-6, 6px);border-color:transparent}._menuItem_e0xm7_46:last-child{border-bottom:none}._menuItem_e0xm7_46:hover:not(:disabled){background-color:var(--grey-10, #f7f7f7)}._menuItem_e0xm7_46:active:not(:disabled){background-color:var(--grey-10, #f0f0f0)}._menuItem_e0xm7_46:disabled{opacity:.5;cursor:not-allowed}._menuItemContent_e0xm7_81{display:flex;flex-direction:column;gap:var(--spacing-2, 2px)}._menuItemHeader_e0xm7_87{display:flex;padding:var(--spacing-2, 2px) 0;align-items:flex-start;gap:var(--spacing-4, 4px);align-self:stretch}._menuItemIcon_e0xm7_95{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._menuItemIcon_e0xm7_95 img{width:100%;height:100%;object-fit:contain}._menuItemLabel_e0xm7_110{color:var(--main, #000);font-family:Inter;font-size:var(--text-12, 12px);font-style:normal;font-weight:400;line-height:16px}._menuItemDescription_e0xm7_119{color:var(--grey-25, #8c8c8c);font-family:Inter;font-size:var(--text-10, 10px);font-style:normal;font-weight:400;line-height:14px}@media (max-width: 400px){._dropdown_e0xm7_14{min-width:200px;max-width:calc(100vw - 32px)}}._icon-wrapper_e8ddz_1{display:flex;align-items:center;justify-content:center;line-height:0;color:var(--main, #000000)}._button_ah7e5_1{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-4, 4px);height:32px;padding:var(--spacing-8, 8px) var(--spacing-12, 12px);font-family:Inter,sans-serif;font-size:var(--text-12, 12px);line-height:16px;border:none;background-color:transparent;color:var(--main, #000);box-shadow:inset 0 0 0 1px var(--line, #e9e9e9);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none}._button_ah7e5_1:hover{box-shadow:inset 0 0 0 2px var(--line, #e9e9e9)}._button_ah7e5_1:disabled{color:var(--main-50, #7b7b7b);background:var(--grey-10, #202020);box-shadow:inset 0 0 0 1px var(--line, #e9e9e9)}._button_ah7e5_1:disabled ._icon_ah7e5_31{opacity:.5}._icon-button_ah7e5_35{width:32px;padding:0}._colorPickerModal_1sa3e_1{position:absolute;left:54px;top:-106px;padding:var(--spacing-4, 4px);background:var(--main-opposite, white);box-shadow:var(--big-shadow, 4px 4px 11px rgba(0, 0, 0, .1));border-radius:12px;display:inline-flex;gap:var(--spacing-4, 4px);z-index:200}._colorPickerButton_1sa3e_14{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;transition:transform .2s}._colorPickerButton_1sa3e_14:hover{transform:scale(1.05)}._colorPickerButton_1sa3e_14:active{transform:scale(.95)}._colorSquare_1sa3e_36{width:31px;height:31px;border:.5px solid var(--line, #e9e9e9);border-radius:8px}._textureModal_5wq9n_1{position:absolute;left:16px;top:-106px;padding:var(--spacing-4, 4px);background:var(--main-opposite, white);box-shadow:var(--big-shadow, 4px 4px 11px rgba(0, 0, 0, .1));border-radius:12px;display:flex;gap:var(--spacing-4, 4px);z-index:200;flex-wrap:wrap}._mockupButton_5wq9n_15{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;transition:transform .2s;border:1px solid var(--line, #e9e9e9)}._mockupImage_5wq9n_31{width:100%;height:100%;object-fit:cover;border-radius:7px}._plusIcon_5wq9n_38{display:flex;align-items:center;justify-content:center;width:16px;height:16px}._toolbar_1p74m_1{position:absolute;left:16px;top:-56px;padding:var(--spacing-4, 4px);background:var(--main-opposite, white);box-shadow:9px 9px 5px #00000003,5px 5px 4px #00000008,2px 2px 3px #0000000d,1px 1px 2px #0000000f;border-radius:12px;display:inline-flex;gap:var(--spacing-4, 4px);z-index:100}._toolbarButtonWrapper_1p74m_17{position:relative}._customButton_1p74m_21,._customButton_1p74m_21:hover{box-shadow:none}._customButton_1p74m_21._active_1p74m_29{background-color:var(--grey-10, #f7f7f7)}._cornerIndicator_1p74m_33{position:absolute;right:3px;top:3px;width:5px;height:5px;clip-path:polygon(0% 0%,100% 0%,100% 100%);background-color:var(--grey-15, #e7e7e7);z-index:2}._footerContainer_1jjb6_1{display:flex;position:relative;padding:var(--spacing-12, 12px);flex-direction:column;align-self:stretch;background:var(--main-opposite, #fff);border-radius:16px}._mockupCirclesContainer_1jjb6_11{display:flex;align-items:center;gap:var(--spacing-8, 10px);flex:1}._divider_1jjb6_18{width:1px;height:30px;background:var(--grey-25, #8c8c8c);margin:0 var(--spacing-12, 15px)}._fileInput_f164s_1{display:none}._colorButton_1mdv1_1{width:32px;height:32px;border:none;border-radius:50%;padding:0;cursor:pointer;transition:transform .2s ease;position:relative;background:transparent}._colorButton_1mdv1_1:hover{transform:scale(1.05)}._colorButton_1mdv1_1:active{transform:scale(.95)}._colorButton_1mdv1_1:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;box-shadow:inset 1px 1px #00000040}._colorButton_1mdv1_1._selected_1mdv1_33{background:var(--grey-15, #e7e7e7)}._colorButton_1mdv1_1._gray_1mdv1_37:before{background-color:var(--grey-15, #d9d9d9)}._colorButton_1mdv1_1._darkGray_1mdv1_41:before{background-color:var(--grey-25, #a2a2a2)}._colorButton_1mdv1_1._blue_1mdv1_45:before{background-color:#acd7ff}._colorButton_1mdv1_1._pink_1mdv1_49:before{background-color:#ffd0fa}._headerContainer_1a7k7_1{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-12, 12px);align-self:stretch;background:var(--main-opposite, #fff);border-radius:16px}._controls_1a7k7_11{display:flex;align-items:center;gap:var(--spacing-4, 4px)}._button_1a7k7_17{display:flex;gap:5px}._cropPanelContainer_v3rzm_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}._cropPanelContent_v3rzm_15{display:block;padding:var(--spacing-16, 16px);align-items:center;gap:10px;border-radius:var(--spacing-24, 24px);background:var(--background, #ffffff);box-shadow:57px 57px 32px #00000003,32px 32px 27px #0000000d,14px 14px 20px #00000017,4px 4px 11px #0000001a;max-width:532px;width:100%}._mainFrame_v3rzm_29{display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px}._modeToggle_v3rzm_38{width:100%;padding:var(--spacing-2, 2px);background:var(--grey-10, #f7f7f7);border-radius:8px;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-2, 2px);display:inline-flex}._modeButton_v3rzm_49{flex:1 1 0;height:28px;padding:var(--spacing-6, 6px) var(--spacing-12, 12px);background:var(--background, #ffffff);box-shadow:1px 1px 2px #0000000f;border-radius:6px;border:none;justify-content:center;align-items:center;gap:var(--spacing-8, 8px);display:flex;color:var(--foreground, #171717);font-size:var(--text-12, 12px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:16px;cursor:pointer;transition:all .2s ease}._modeButton_v3rzm_49._active_v3rzm_71{background:var(--grey-10, #f7f7f7);box-shadow:none}._modeButton_v3rzm_49:disabled{opacity:.5;cursor:not-allowed}._canvasWrapper_v3rzm_81{display:flex;align-items:center;justify-content:center}._zoomSlider_v3rzm_87{margin:0 auto;width:300px}._aspectRatioText_v3rzm_92{justify-content:center;display:flex;flex-direction:column;color:#00000080;font-size:10px;font-weight:400;line-height:14px;word-wrap:break-word}._applyButton_v3rzm_103{width:300px;height:32px;padding:12px}._viewerContainer_17ovf_1{position:relative;display:flex;flex-direction:column;align-items:flex-start;height:100vh;background:var(--main-opposite, #fff)}._interactionBlocker_17ovf_10{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:all;background:transparent;cursor:not-allowed}