html{height:100dvh;overflow:hidden}html:has(#clear-all:hover),html:has(#clear-all:focus-visible){--color-base: var(--color-danger)}body{height:100dvh;overflow:hidden}._loader_1atqi_1{display:flex;justify-content:center;margin:auto}._dot_1atqi_7{width:6px;height:6px;margin:0 1px;background-color:currentcolor;border-radius:50%;animation:_loading_1atqi_1 1.8s ease-in-out infinite;animation-fill-mode:backwards}._dot_1atqi_7._second_1atqi_19{animation-delay:.3s}._dot_1atqi_7._third_1atqi_23{animation-delay:.6s}@keyframes _loading_1atqi_1{0%,98%,to{transform:scale(0)}49%{transform:scale(1)}}._button_1x1ai_1{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:6px 12px;font-weight:var(--font-weight-medium);font-size:var(--font-size-basic);line-height:1.2;letter-spacing:.02em;border:1px solid;border-color:transparent;border-radius:var(--border-radius-controls);cursor:pointer;transition:background-color var(--transition-active),border-color var(--transition-active),color var(--transition-active)}._inner_1x1ai_26{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center}._button_1x1ai_1:disabled{outline:none;cursor:not-allowed;opacity:.5}._button_1x1ai_1:focus{z-index:3;outline:none}._button_1x1ai_1[data-focus-visible=true]:not(:disabled){outline:var(--focus-outline)}._default_1x1ai_50{color:var(--color-secondary);background-color:transparent;border-color:transparent}._default_1x1ai_50:hover:not(:disabled){color:var(--color-primary);background-color:var(--color-divider)}._primary_1x1ai_63{color:var(--color-base);background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 4px #00000026,0 2px 6px #00000014}._primary_1x1ai_63:disabled,._primary_1x1ai_63._disabled_1x1ai_74{color:color-mix(in oklab,var(--color-base) 50%,transparent);box-shadow:none}._primary_1x1ai_63:hover:not(:disabled){background-color:color-mix(in oklab,var(--color-primary) 80%,transparent)}._primary_1x1ai_63:active{box-shadow:none}._secondary_1x1ai_88{color:var(--color-primary);background-color:var(--color-divider);border-color:transparent}._secondary_1x1ai_88:disabled,._secondary_1x1ai_88._disabled_1x1ai_74{color:color-mix(in oklab,var(--color-primary) 50%,transparent)}._secondary_1x1ai_88:hover:not(:disabled){background-color:color-mix(in oklab,var(--color-primary) 12%,transparent);border-color:transparent}@media(prefers-color-scheme:dark){._secondary_1x1ai_88:hover:not(:disabled),._secondary_1x1ai_88[data-focus-visible=true]:not(:disabled){background-color:color-mix(in oklab,var(--color-primary) 25%,transparent)}}._hidden_1x1ai_116{visibility:hidden}._button_1x1ai_1:has(._hidden_1x1ai_116):before{visibility:hidden}._loader_1x1ai_124{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._svg_1lq5f_1{flex-shrink:0;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}._container_xebx7_1{position:relative;display:flex}._container_xebx7_1:before{position:absolute;top:calc(50% - 1px);right:0;left:0;height:2px;background:color-mix(in oklab,var(--color-primary) 20%,transparent);border-radius:1px;content:""}._container_xebx7_1:after{position:absolute;top:calc(50% - 1.5px);left:0;width:var(--value-percent, 0%);height:3px;background:var(--color-primary);border-radius:1.5px;content:""}._range_xebx7_35{position:relative;z-index:1;width:100%;margin:0;background:none;border:none;border-radius:var(--border-radius-controls);appearance:none}._range_xebx7_35::-webkit-slider-runnable-track,._range_xebx7_35::-moz-range-track{background:none;border:none;appearance:none}._range_xebx7_35::-webkit-slider-thumb{position:relative;width:16px;height:16px;background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 1px 4px #00000026,0 2px 6px #00000014;cursor:ew-resize;appearance:none}._range_xebx7_35::-moz-range-thumb{position:relative;width:16px;height:16px;background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 1px 4px #00000026,0 2px 6px #00000014;cursor:ew-resize;appearance:none}._range_xebx7_35:focus{outline:none}._range_xebx7_35:focus-visible{outline:var(--focus-outline)}._container_vzia3_1{position:relative}._icon_vzia3_5{position:absolute;top:50%;right:6px;display:flex;width:14px;height:14px;color:var(--color-secondary);transform:translateY(-50%);transition:color var(--transition-active);pointer-events:none}._container_vzia3_1:has(:hover) ._icon_vzia3_5,._select_vzia3_24:focus-visible~._icon_vzia3_5{color:var(--color-primary)}._select_vzia3_24{position:relative;box-sizing:border-box;width:100%;padding:6px 26px 6px 8px;color:inherit;font:inherit;font-size:var(--font-size-small);text-transform:uppercase;background-color:transparent;border:none;border-radius:var(--border-radius-controls);cursor:pointer;appearance:none}._select_vzia3_24:focus{outline:none}._select_vzia3_24[data-focus-visible=true]{outline:var(--focus-outline)}._select_vzia3_24:hover{background-color:color-mix(in oklab,var(--color-primary) 6%,transparent)}@supports (appearance: base-select){@starting-style{:open::picker(select){opacity:0}}._select_vzia3_24,::picker(select){appearance:base-select}._select_vzia3_24::picker-icon{display:none}::picker(select){width:calc(anchor-size(width) + 8px);margin-top:4px;margin-bottom:2px;color:var(--color-primary);font:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-small);text-transform:uppercase;background-color:color-mix(in oklab,var(--color-base) 70%,transparent);border:none;border-radius:var(--border-radius-controls);box-shadow:0 1px 2px #00000020,0 4px 30px -16px #00000030,0 4px 20px -5px #0002;opacity:0;backdrop-filter:blur(20px);transition:opacity var(--transition-basic),display var(--transition-basic) allow-discrete,overlay var(--transition-basic) allow-discrete;margin-inline:-4px}:open::picker(select){opacity:1}option{padding:1px 8px;background-color:transparent;cursor:pointer}option:first-of-type{padding-top:4px}option:last-of-type{padding-bottom:4px}option:hover,option:focus,option:focus-visible{background-color:var(--color-divider);outline:none}option::checkmark{order:0}}._zone_elk44_1{position:relative;flex:1;width:100%;overflow:hidden;transition:background-color var(--transition-basic)}._zone_elk44_1:focus-visible{outline:none}._zone_elk44_1:focus-visible:before{position:absolute;inset:12px;z-index:1;border-radius:var(--border-radius-panels);outline:var(--focus-outline);outline-offset:3px;content:"";pointer-events:none}._zone_elk44_1._dragging_elk44_28{background-color:color-mix(in oklab,var(--color-focus) 12%,transparent)}._empty_elk44_32{position:absolute;inset:12px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:var(--font-size-header);border:1px dashed color-mix(in oklab,var(--color-primary) 50%,transparent);border-radius:var(--border-radius-panels)}._select_elk44_48{margin:0;padding:0;color:inherit;font:inherit;text-align:inherit;text-decoration:underline;background:none;border:none;cursor:pointer;pointer-events:auto;text-decoration-color:color-mix(in oklab,var(--color-primary) 10%,transparent);text-decoration-thickness:2px;text-underline-offset:4px}._select_elk44_48:hover{text-decoration-color:var(--color-primary)}._formats_elk44_75{color:var(--color-secondary);font-weight:var(--font-weight-regular);font-size:var(--font-size-basic)}._zone_elk44_1._dragging_elk44_28>span,._zone_elk44_1._dragging_elk44_28>div{pointer-events:none}._dropHint_elk44_86{position:fixed;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;color:#000;font-weight:var(--font-weight-medium);font-size:var(--font-size-header);text-align:center;background-color:var(--color-base);opacity:0;transition:opacity var(--transition-basic),background-color var(--transition-basic);pointer-events:none}._dropHint_elk44_86:before{position:absolute;inset:12px;border:1px dashed #000;border-radius:var(--border-radius-panels);content:""}._zone_elk44_1._dragging_elk44_28 ._dropHint_elk44_86{background-color:var(--color-focus);opacity:1}._container_qbv60_1{position:sticky;top:0;display:flex;flex-direction:column;flex-shrink:0;gap:20px;align-items:flex-start;width:180px;height:100vh;height:100dvh;margin:0;padding:24px 0 16px 16px;overflow-y:auto}._list_qbv60_18{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:100%}._itemWrapper_qbv60_26{position:relative;display:flex;gap:2px}._item_qbv60_26{display:grid;gap:2px;width:min-content;padding:0;color:var(--color-primary);font-size:var(--font-size-basic);text-align:left;background:none;border:none;cursor:pointer;opacity:.5}._item_qbv60_26 span{font-size:var(--font-size-small)}._itemWrapper_qbv60_26:hover>._item_qbv60_26,._item_qbv60_26._selected_qbv60_54,._itemWrapper_qbv60_26:has(:focus-visible)>._item_qbv60_26{opacity:1}html:has(#clear-all:hover) ._item_qbv60_26,html:has(#clear-all:focus-visible) ._item_qbv60_26{opacity:.5}._item_qbv60_26:focus-visible{outline:none}._item_qbv60_26:focus-visible img{outline:var(--focus-outline)}._preview_qbv60_72{position:relative}._preview_qbv60_72:before{--color-checkerboard: color-mix( in oklab, var(--color-primary) 10%, transparent );position:absolute;inset:0;z-index:-1;background-image:linear-gradient(45deg,var(--color-checkerboard) 25%,transparent 25%,transparent 75%,var(--color-checkerboard) 75%),linear-gradient(45deg,var(--color-checkerboard) 25%,transparent 25%,transparent 75%,var(--color-checkerboard) 75%);background-position:0 0,4px 4px;background-size:8px 8px;border-radius:var(--border-radius-controls);content:""}._preview_qbv60_72:after{position:absolute;inset:0;border-radius:var(--border-radius-controls);transition:background-color var(--transition-basic);content:""}._thumb_qbv60_121{display:block;width:auto;max-width:130px;height:auto;max-height:120px;border-radius:var(--border-radius-controls)}._remove_qbv60_131{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--color-secondary);font-size:var(--font-size-basic);line-height:1;background:none;border:none;border-radius:var(--border-radius-controls);cursor:pointer;opacity:0;transition:color var(--transition-basic),opacity var(--transition-basic)}._itemWrapper_qbv60_26:hover ._remove_qbv60_131,._itemWrapper_qbv60_26:has(:focus-visible) ._remove_qbv60_131,._itemWrapper_qbv60_26:has(._selected_qbv60_54) ._remove_qbv60_131{opacity:1}._remove_qbv60_131:hover,._remove_qbv60_131:focus-visible{color:var(--color-primary)}._remove_qbv60_131:focus-visible{outline:var(--focus-outline-style) var(--color-danger);outline-offset:-3px}._itemWrapper_qbv60_26:has(._remove_qbv60_131:hover) ._preview_qbv60_72:after,._itemWrapper_qbv60_26:has(._remove_qbv60_131:focus-visible) ._preview_qbv60_72:after{background-color:color-mix(in oklab,var(--color-danger) 70%,transparent)}._actions_qbv60_175{display:flex;flex-direction:column;flex-grow:1;gap:40px;align-items:flex-start;width:100%}._action_qbv60_175{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:6px 8px;color:var(--color-primary);background-color:transparent;border:none;border-radius:var(--border-radius-controls);transform:translate(-8px);cursor:pointer;transition:background-color var(--transition-basic)}._addImages_qbv60_202:hover{color:var(--color-primary);background-color:var(--color-divider)}._addImages_qbv60_202:focus-visible{outline:var(--focus-outline)}._action_qbv60_175 span:last-of-type{color:color-mix(in oklab,var(--color-primary) 40%,transparent);font-size:var(--font-size-small)}._clearAll_qbv60_217{margin-top:auto}._clearAll_qbv60_217:hover{background-color:transparent}._clearAll_qbv60_217:focus-visible{outline:none;outline:var(--focus-outline-style) var(--color-primary)}@media(width<=600px){._container_qbv60_1{z-index:2;flex-direction:column-reverse;gap:0;width:100%;height:auto;padding:0;background-color:var(--color-base);border-bottom:1px solid var(--color-divider)}._list_qbv60_18{flex-flow:row nowrap;width:100vw;padding:0 16px 16px;overflow-x:auto;scroll-padding-left:16px;scroll-snap-type:x mandatory;scrollbar-width:none}._list_qbv60_18::-webkit-scrollbar{display:none}._itemWrapper_qbv60_26{flex-shrink:0;width:max-content;scroll-snap-align:start}._thumb_qbv60_121{max-width:100px;max-height:90px}._remove_qbv60_131{opacity:1}._actions_qbv60_175{flex-flow:row wrap;gap:8px;justify-content:flex-start;padding:12px 16px}._addImages_qbv60_202{margin-top:0;padding:6px 12px}._clearAll_qbv60_217{margin-top:0;margin-left:auto;padding:6px 12px;border-radius:var(--border-radius-controls);transform:none}._action_qbv60_175 span:last-of-type{display:none}}._root_1s7z6_1{position:absolute;z-index:2;display:flex;flex-direction:column;width:150px;color:var(--color-primary);font-weight:var(--font-weight-medium);background-color:color-mix(in oklab,var(--color-base) 85%,transparent);border-radius:var(--border-radius-controls);box-shadow:0 1px 3px #00000010;backdrop-filter:blur(20px);pointer-events:auto}._root_1s7z6_1._top-left_1s7z6_20{top:8px;left:8px}._root_1s7z6_1._top-right_1s7z6_25{top:8px;right:8px}._root_1s7z6_1._bottom-left_1s7z6_30{bottom:8px;left:8px}._root_1s7z6_1._bottom-right_1s7z6_35{right:8px;bottom:8px}._select_1s7z6_40 select{border-bottom-right-radius:0;border-bottom-left-radius:0}._settings_1s7z6_45{display:flex;flex-direction:column;gap:8px}._setting_1s7z6_45{display:flex;gap:8px;align-items:center;padding:6px 8px;font-size:var(--font-size-small)}._setting_1s7z6_45:first-of-type{text-align:right;border-top:1px solid var(--color-divider)}._setting_1s7z6_45>span:last-of-type{width:36px;white-space:nowrap}._download_1s7z6_72{display:flex;gap:6px;align-items:center;height:32px;padding:8px;color:inherit;font-size:var(--font-size-small);background:none;border:none;border-top:1px solid var(--color-divider);border-bottom-right-radius:var(--border-radius-controls);border-bottom-left-radius:var(--border-radius-controls);cursor:pointer;appearance:none}._download_1s7z6_72:focus{outline:none}._download_1s7z6_72:focus-visible{outline:var(--focus-outline)}._download_1s7z6_72:hover:not(:disabled){background-color:color-mix(in oklab,var(--color-primary) 6%,transparent)}._download_1s7z6_72:disabled{color:color-mix(in oklab,var(--color-primary) 50%,transparent);cursor:not-allowed;opacity:.5}._error_1s7z6_111{position:absolute;width:100%;padding:6px 8px;color:var(--color-base);font-size:var(--font-size-small);background-color:color-mix(in oklab,var(--color-danger) 90%,transparent);border-radius:var(--border-radius-controls);box-shadow:0 1px 3px #00000010,0 8px 20px -4px #00000050}._top-left_1s7z6_20 ._error_1s7z6_111{top:calc(100% + 8px);left:0}._top-right_1s7z6_25 ._error_1s7z6_111{top:calc(100% + 8px);right:0}._bottom-left_1s7z6_30 ._error_1s7z6_111{bottom:calc(100% + 8px);left:0}._bottom-right_1s7z6_35 ._error_1s7z6_111{right:0;bottom:calc(100% + 8px)}@media(width<=400px){._root_1s7z6_1{width:120px}}._footer_d26b1_1{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:0}._copySettings_d26b1_9{margin-right:auto}._copySettings_d26b1_9:before{content:"Copy Settings to All Images"}._exportGroup_d26b1_17{display:flex;align-items:stretch}._exportGroup_d26b1_17>button:not(:last-of-type){border-right:1px solid color-mix(in oklab,var(--color-base) 30%,transparent);border-top-right-radius:0;border-bottom-right-radius:0}._exportGroup_d26b1_17>button:not(:first-of-type){border-left:1px solid color-mix(in oklab,var(--color-primary) 20%,transparent);border-top-left-radius:0;border-bottom-left-radius:0}@media(width<=840px){._copySettings_d26b1_9:before{content:"Copy Settings"}}@media(width<=740px){._formatButton_d26b1_43{display:none}._exportGroup_d26b1_17>button._exportAll_d26b1_47{border-right:none;border-top-right-radius:var(--border-radius-controls);border-bottom-right-radius:var(--border-radius-controls)}}._container_1t10r_1{display:flex;flex:1;flex-direction:column;gap:12px;padding:16px 16px 12px 0}@media(width<=600px){._container_1t10r_1{padding:16px 16px 12px}}._viewportContainer_1t10r_15{position:relative;flex:1}._viewport_1t10r_15{--color-checkerboard: color-mix( in oklab, var(--color-primary) 10%, transparent );position:relative;display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;background-color:var(--color-bg);background-image:linear-gradient(45deg,var(--color-checkerboard) 25%,transparent 25%,transparent 75%,var(--color-checkerboard) 75%),linear-gradient(45deg,var(--color-checkerboard) 25%,transparent 25%,transparent 75%,var(--color-checkerboard) 75%);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:var(--border-radius-panels);box-shadow:0 0 1px #0005,0 8px 20px -8px #0003;cursor:grab;touch-action:none;user-select:none}._viewport_1t10r_15._black_1t10r_65{--color-bg: #222}._viewport_1t10r_15._gray_1t10r_69{--color-bg: #999}._viewport_1t10r_15._white_1t10r_73{--color-bg: #fff}._viewport_1t10r_15._panning_1t10r_77{cursor:grabbing}._preview_1t10r_81{position:absolute;inset:0}html:has(#clear-all:hover) ._preview_1t10r_81,html:has(#clear-all:focus-visible) ._preview_1t10r_81{opacity:.3}._preview_1t10r_81:nth-child(1){clip-path:polygon(0 0,50% 0,50% 50%,0 50%)}._preview_1t10r_81:nth-child(2){clip-path:polygon(50% 0,100% 0,100% 50%,50% 50%)}._preview_1t10r_81:nth-child(3){clip-path:polygon(0 50%,50% 50%,50% 100%,0 100%)}._preview_1t10r_81:nth-child(4){clip-path:polygon(50% 50%,100% 50%,100% 100%,50% 100%)}._preview_1t10r_81>img{width:100%;height:100%;object-fit:contain;transform-origin:0 0;will-change:transform}._placeholder_1t10r_117{opacity:.6}._dividerH_1t10r_121,._dividerV_1t10r_122{position:absolute;z-index:1;pointer-events:none}._dividerH_1t10r_121{top:50%;right:0;left:0;height:1px;background:color-mix(in oklab,var(--color-primary) 30%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-base) 20%,transparent)}._dividerV_1t10r_122{top:0;bottom:0;left:50%;width:1px;background:color-mix(in oklab,var(--color-primary) 30%,transparent);border-left:1px solid color-mix(in oklab,var(--color-base) 20%,transparent)}._bgControl_1t10r_152{position:absolute;bottom:8px;left:50%;z-index:2;display:flex;gap:6px;align-items:center;padding:8px;background:color-mix(in oklab,var(--color-base) 70%,transparent);border-radius:20px;box-shadow:0 1px 4px #0002;transform:translate(-50%);backdrop-filter:blur(8px);pointer-events:all}._bgSwatch_1t10r_172{width:20px;height:20px;border:none;border-radius:12px;outline:none;cursor:pointer;transition:transform var(--transition-basic),box-shadow var(--transition-basic)}._bgSwatch_1t10r_172[data-color=white]{background:#fff}._bgSwatch_1t10r_172[data-color=gray]{background:#999}._bgSwatch_1t10r_172[data-color=black]{background:#222}._bgSwatch_1t10r_172[data-active=true]{outline:2px solid var(--color-focus);transform:scale(1.1)}._bgSwatch_1t10r_172:focus-visible{outline:var(--focus-outline);outline-offset:2px}@media(width<=600px){._bgControl_1t10r_152{top:50%;bottom:unset;left:8px;flex-direction:column;transform:translateY(-50%)}}._fileInput_1bdd7_1{position:absolute;width:0;height:0;margin:0;padding:0;overflow:hidden;visibility:hidden;appearance:none}._main_1bdd7_15{display:flex;width:100%;height:100%}@media(width<=600px){._main_1bdd7_15{flex-direction:column}}._footer_1bdd7_27{display:flex;gap:12px;align-items:center;padding:0 16px 12px;color:var(--color-secondary);font-size:var(--font-size-small)}