.image-editor{--line:var(--hairline-soft);--chrome:var(--surface-soft);--pasteboard:#9d9f96;--selected:#dceaf6;--checker:repeating-conic-gradient(#d4d4d4 0% 25%, #fff 0% 50%) 0 0 / 16px 16px;height:calc(100dvh - var(--top-bar-height));background:var(--canvas);color:var(--ink);flex-direction:column;margin-inline:-24px;font-size:13px;display:flex;overflow:hidden}.image-editor .ant-input-number-sm,.image-editor .ant-input-sm,.image-editor .ant-input-affix-wrapper-sm{min-height:24px}.image-editor .ant-checkbox-wrapper{font-size:13px}.image-editor .ie-head{background:var(--canvas);border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:40px;padding:3px 14px;display:flex}.image-editor .app-title.ant-typography{white-space:nowrap;margin:0}.image-editor .ie-head .local-files-notice{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;overflow:hidden}.image-editor .ie-menubar{flex:none;display:flex}.image-editor .ie-menu-title{font:inherit;color:var(--ink);cursor:default;background:0 0;border:0;border-radius:4px;padding:4px 10px;font-size:14px;font-weight:500}.image-editor .ie-menu-title:hover,.image-editor .ie-menu-title-open{background:var(--surface-card)}.image-editor .ie-menu-title:focus-visible{outline:2px solid var(--accent-blue)}.image-editor .ie-options{background:var(--surface-card);border-bottom:1px solid var(--hairline);white-space:nowrap;align-items:center;gap:14px;min-height:38px;padding:4px 14px;display:flex;overflow:hidden}.image-editor .ie-options>*{flex:none}.image-editor .ie-options-tool{border-right:1px solid var(--line);padding-right:14px;font-weight:700}.image-editor .ie-options .ie-options-hint{min-width:0;color:var(--mute);text-overflow:ellipsis;flex:0 auto;margin-left:auto;font-size:12.5px;overflow:hidden}.image-editor .ie-opt{align-items:center;gap:6px;display:inline-flex}.image-editor .ie-opt-label{color:var(--body)}.image-editor .ie-opt-number{width:80px}.image-editor .ie-opt-slider{width:84px;margin:0 4px}.image-editor .ie-opt-select{min-width:150px}.image-editor .ie-opt-font{width:170px}.image-editor .ie-opt-short{min-width:104px}.image-editor .ie-opt-ends{width:92px}.image-editor .ie-kinds{gap:1px;display:inline-flex}.image-editor .ie-kind{width:26px;height:26px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.image-editor .ie-kind-first-box{margin-left:8px}.image-editor .ie-kind:hover{background:var(--surface-soft);border-color:var(--line)}.image-editor .ie-kind-on,.image-editor .ie-kind-on:hover{background:var(--surface-soft);border-color:var(--hairline);box-shadow:inset 0 1px 3px #23251d4d}.image-editor .ie-kind:focus-visible{outline:2px solid var(--accent-blue)}.image-editor .ie-choice-button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 4px}.image-editor .ie-choice-button:hover{background:var(--surface-soft);border-color:var(--line)}.image-editor .ie-chip{border:1px solid var(--ink);width:20px;height:20px;display:inline-block;box-shadow:inset 0 0 0 1px #fff}.image-editor .ie-chip-none{background:linear-gradient(to top right,#fff calc(50% - 1px),#d0362b calc(50% - 1px) calc(50% + 1px),#fff calc(50% + 1px))}.image-editor .ie-layer-kind{color:var(--mute);flex:none;display:inline-flex}.image-editor .ie-layer-kind svg{width:14px;height:14px}.image-editor .ie-opt-fact{font-variant-numeric:tabular-nums}.image-editor .ie-body{flex:1;min-height:0;display:flex;position:relative}.image-editor .ie-toolbox{background:var(--chrome);border-right:1px solid var(--hairline);scrollbar-width:none;flex-direction:column;flex:none;align-items:center;gap:2px;width:40px;padding:6px 0;display:flex;overflow-y:auto}.image-editor .ie-tool{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.image-editor .ie-tool:hover{background:var(--surface-card);border-color:var(--line)}.image-editor .ie-tool-on,.image-editor .ie-tool-on:hover{background:var(--surface-card);border-color:var(--hairline);box-shadow:inset 0 1px 3px #23251d4d}.image-editor .ie-tool:focus-visible{outline:2px solid var(--accent-blue)}.image-editor .ie-color-pick{flex:none;width:46px;height:46px;position:relative}.image-editor .ie-color-chip{border:1px solid var(--ink);cursor:pointer;width:28px;height:28px;padding:0;position:absolute;box-shadow:inset 0 0 0 1px #fff}.image-editor .ie-color-chip-fg{z-index:1;top:0;left:0}.image-editor .ie-color-chip-bg{bottom:0;right:0}.image-editor .ie-color-native{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;bottom:0;left:0}.image-editor .ie-color-default{width:14px;height:14px;display:inline-block;position:relative}.image-editor .ie-color-default span{border:1px solid var(--ink);width:9px;height:9px;position:absolute}.image-editor .ie-color-default span:first-child{background:#fff;bottom:0;right:0}.image-editor .ie-color-default span:last-child{background:#000;top:0;left:0}.image-editor .ie-stage-wrap{background:var(--pasteboard);flex:1;min-width:0;position:relative}.image-editor .ie-stage{touch-action:none;cursor:crosshair;position:absolute;inset:0;overflow:auto}.image-editor .ie-stage::-webkit-scrollbar{width:12px;height:12px}.image-editor .ie-stage::-webkit-scrollbar-track{background:#8b8d84}.image-editor .ie-stage::-webkit-scrollbar-corner{background:#8b8d84}.image-editor .ie-stage::-webkit-scrollbar-thumb{background:#5d5f57;border:2px solid #8b8d84}.image-editor .ie-cursor-move{cursor:move}.image-editor .ie-cursor-hand{cursor:grab}.image-editor .ie-cursor-text{cursor:text}.image-editor .ie-sizer{box-sizing:border-box;width:max-content;min-width:100%;height:max-content;min-height:100%;padding:24px;display:flex}.image-editor .ie-paper{background:var(--checker);flex:none;margin:auto;position:relative;box-shadow:0 0 0 1px #00000073,0 2px 10px #00000040}.image-editor .ie-view{width:100%;height:100%;display:block}.image-editor .ie-view-sharp{image-rendering:pixelated}.image-editor .ie-overlay{pointer-events:none;position:absolute;top:0;left:0}.image-editor .ie-text{white-space:pre;resize:none;caret-color:auto;background:0 0;border:0;outline:1px dashed #000000b3;margin:0;padding:0;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #ffffffb3}.image-editor .ie-drop{z-index:5;border:2px dashed var(--primary);pointer-events:none;background:#fffaf0eb;border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:8px}.image-editor .ie-loading{flex:1;justify-content:center;align-items:center;display:flex}.image-editor .ie-panels{background:var(--chrome);border-left:1px solid var(--hairline);flex-direction:column;flex:0 0 250px;min-height:0;display:flex}.image-editor .ie-panel{background:var(--surface-card);border-bottom:1px solid var(--hairline);flex-direction:column;flex:none;min-height:0;display:flex}.image-editor .ie-panel-head{background:var(--chrome);border-bottom:1px solid var(--hairline);align-items:flex-end;height:25px;padding:0 6px;display:flex}.image-editor .ie-panel-tab{background:var(--surface-card);border:1px solid var(--hairline);border-bottom-color:var(--surface-card);border-radius:4px 4px 0 0;margin-bottom:-1px;padding:2px 12px 3px;font-size:12px;font-weight:700}.image-editor .ie-panel-color{gap:8px;padding-bottom:8px}.image-editor .ie-color-row{align-items:flex-start;gap:10px;padding:0 8px;display:flex}.image-editor .ie-color-chip-on{outline:2px solid var(--accent-blue);outline-offset:1px}.image-editor .ie-rgb{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.image-editor .ie-rgb-row{font-variant-numeric:tabular-nums;grid-template-columns:10px 1fr 24px;align-items:center;gap:6px;font-size:12px;display:grid}.image-editor .ie-rgb-value{text-align:right}.image-editor .ie-rgb-row input{border:1px solid var(--hairline);appearance:none;cursor:pointer;border-radius:2px;width:100%;height:10px;margin:0}.image-editor .ie-rgb-row input::-webkit-slider-thumb{border:1px solid var(--ink);appearance:none;background:#fff;border-radius:2px;width:7px;height:15px}.image-editor .ie-rgb-row input::-moz-range-thumb{border:1px solid var(--ink);background:#fff;border-radius:2px;width:5px;height:13px}.image-editor .ie-hex.ant-input{text-align:center;flex:0 0 62px;width:62px;padding-inline:2px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11.5px}.image-editor .ie-swatches{flex:1;grid-template-columns:repeat(10,1fr);gap:2px;display:grid}.image-editor .ie-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #23251d59;padding:0}.image-editor .ie-swatch:hover{outline:2px solid var(--accent-blue)}.image-editor .ie-history{height:110px;margin:0;padding:0;list-style:none;overflow-y:auto}.image-editor .ie-history-item{width:100%;height:22px;font:inherit;text-align:left;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:12.5px;line-height:22px;display:block;overflow:hidden}.image-editor .ie-history-item:hover{background:var(--surface-doc)}.image-editor .ie-history-on,.image-editor .ie-history-on:hover{background:var(--selected);font-weight:600}.image-editor .ie-history-undone{color:var(--ash);font-style:italic}.image-editor .ie-panel-layers{border-bottom:0;flex:1 1 0}.image-editor .ie-layer-controls{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:6px 8px 2px;display:flex}.image-editor .ie-layer-blend{width:100%}.image-editor .ie-layer-opacity{grid-template-columns:auto 1fr 36px;align-items:center;gap:8px;font-size:12.5px;display:grid}.image-editor .ie-layer-opacity .ant-slider{margin:6px 4px}.image-editor .ie-layer-opacity-value{text-align:right;font-variant-numeric:tabular-nums}.image-editor .ie-layers{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.image-editor .ie-layer{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:6px;padding:3px 8px 3px 4px;display:flex}.image-editor .ie-layer:hover{background:var(--surface-doc)}.image-editor .ie-layer-on,.image-editor .ie-layer-on:hover{background:var(--selected)}.image-editor .ie-layer-eye{width:24px;height:24px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;font-size:14px;display:inline-flex}.image-editor .ie-layer-eye[aria-pressed=false]{color:var(--ash)}.image-editor .ie-layer-eye:hover{background:#23251d14}.image-editor .ie-layer-thumb{background:var(--checker);border:1px solid var(--hairline);background-size:8px 8px;flex:none;width:36px;height:28px}.image-editor .ie-layer-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.image-editor .ie-layer-on .ie-layer-name{font-weight:600}.image-editor .ie-layer-dragged{opacity:.45}.image-editor .ie-layer-drop-above{box-shadow:inset 0 3px 0 var(--accent-blue)}.image-editor .ie-layer-drop-below{box-shadow:inset 0 -3px 0 var(--accent-blue)}.image-editor .ie-panel-actions{align-self:center;margin-left:auto;display:flex}.image-editor .ie-panel-actions .ant-btn{background:0 0;border-color:#0000;width:22px;height:22px;font-size:13px}.image-editor .ie-panel-actions .ant-btn svg{width:15px;height:15px}.image-editor .ie-panel-actions .ant-btn:not(:disabled):hover{background:var(--surface-card);border-color:var(--hairline)}.image-editor .ie-panel-actions .ant-btn.ie-panel-action-on,.image-editor .ie-panel-actions .ant-btn.ie-panel-action-on:hover{background:var(--surface-card);border-color:var(--hairline);box-shadow:inset 0 1px 3px #23251d4d}.image-editor .ie-panel-actions .ant-btn:disabled{background:0 0!important;border-color:#0000!important}.image-editor .ie-status{font-variant-numeric:tabular-nums;height:32px;color:var(--body);background:var(--chrome);border-top:1px solid var(--hairline);white-space:nowrap;flex:none;align-items:center;gap:18px;padding:0 12px;font-size:12px;display:flex;overflow:hidden}.image-editor .ie-status-zoom{flex:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.image-editor .ie-zoom-number{width:76px}.image-editor .ie-zoom-slider{width:130px;margin:0 4px}.image-editor .ie-status-position{min-width:76px}.image-editor .ie-status-name{text-overflow:ellipsis;min-width:0;margin-left:auto;overflow:hidden}@media (max-height:760px){.image-editor .ie-history{height:66px}.image-editor .ie-toolbox{gap:0;padding:3px 0}.image-editor .ie-tool{height:26px}}@media (max-width:1250px){.image-editor .ie-head .local-files-notice,.image-editor .ie-options .ie-options-hint{display:none}.image-editor .ie-head .fullscreen-toggle{margin-left:auto}}.ie-menu .ant-dropdown-menu{border:1px solid var(--hairline);border-radius:6px;min-width:230px;padding:4px}.ie-menu .ant-dropdown-menu-item,.ie-menu .ant-dropdown-menu-submenu-title{color:var(--ink);padding:4px 10px;font-size:13.5px}.ie-menu .ant-dropdown-menu-item-extra{color:var(--mute);padding-left:28px;font-size:12.5px}.ie-ends{color:var(--ink);margin-block:4px;display:block}.ie-choice{flex-direction:column;gap:8px;width:236px;display:flex}.ie-choice-swatches{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.ie-choice-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #23251d59;padding:0}.ie-choice-swatch:hover{outline:2px solid var(--accent-blue)}.ie-choice-row{align-items:center;gap:8px;font-size:13px;display:flex}.ie-choice-other{color:#1078a3;cursor:pointer;margin-left:auto;position:relative}.ie-choice-other input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.ie-form{flex-direction:column;gap:10px;padding-top:6px;display:flex}.ie-row{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;display:grid}.ie-row-label{color:var(--ink);font-size:14px;font-weight:600}.ie-row-value{min-width:0}.ie-wide{width:100%}.ie-side.ant-input-number{width:150px}.ie-note,.ie-problem{color:var(--mute);margin:0;font-size:13px}.ie-problem{color:#a3261d}.ie-anchor{grid-template-columns:repeat(3,26px);gap:3px;display:grid}.ie-anchor-cell{background:var(--surface-card);border:1px solid var(--hairline);cursor:pointer;border-radius:3px;height:26px;padding:0}.ie-anchor-on{background:var(--ink);border-color:var(--ink)}.ie-slider-row{align-items:center;gap:12px;display:flex}.ie-slider-row .ant-slider{flex:1}.ie-slider-number.ant-input-number{width:86px;min-height:24px}.ie-slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px}.ie-preview{background:#9d9f96;border-radius:6px;justify-content:center;align-items:center;min-height:120px;padding:8px;display:flex}.ie-preview canvas{background:repeating-conic-gradient(#d4d4d4 0% 25%,#fff 0% 50%) 0 0/16px 16px;max-width:100%}.ie-filter-foot{align-items:center;gap:14px;display:flex}.ie-filter-foot .ie-note{text-align:right;margin-left:auto}