.tool-panel.image-editor{min-width:0;padding:12px}.image-editor-topbar{color:#61728a;align-items:center;gap:8px;min-height:36px;margin:0 0 10px;font-size:.76rem;display:flex}.image-editor-open{color:#24558d;cursor:pointer;background:#fff;border:1px solid #cbd8e8;border-radius:6px;flex:none;justify-content:center;align-items:center;min-height:33px;padding:7px 11px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.image-editor-open.is-disabled{opacity:.45;cursor:not-allowed}.tool-panel.image-editor .image-editor-open input[type=file]{opacity:0;width:100%;height:100%;min-height:0;cursor:inherit;padding:0;position:absolute;inset:0}.image-editor-open:focus-within{outline-offset:2px;outline:2px solid #6ca7fc}.image-editor-filename{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.image-editor-size{white-space:nowrap;font-variant-numeric:tabular-nums}.image-editor-history{flex-wrap:wrap;gap:5px;margin-left:auto;display:flex}.image-editor button:not(.btn){color:#355172;background:#fff;border:1px solid #d5e0ee;border-radius:6px;min-height:33px;padding:7px 8px;font-size:.75rem;line-height:1.25}.image-editor button:not(.btn):hover{background:#f0f6ff;border-color:#86ade4}.image-editor button[aria-pressed=true],.image-editor button[aria-selected=true]{color:#1259c0;background:#eaf3ff;border-color:#7aa9eb}.image-editor button:disabled{opacity:.4;cursor:not-allowed}.image-editor button:focus-visible,.image-editor-canvas:focus-visible{outline-offset:2px;outline:2px solid #6ca7fc}.image-editor-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;display:grid}.image-editor-layout.has-source{grid-template-columns:minmax(0,1fr) 284px}.image-editor-stage{min-width:0}.image-editor-workspace{overscroll-behavior:contain;background-color:#e8edf3;background-image:linear-gradient(45deg,#dce3eb 25%,#0000 25%),linear-gradient(-45deg,#dce3eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce3eb 75%),linear-gradient(-45deg,#0000 75%,#dce3eb 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:1px solid #d9e2ed;border-radius:7px;height:min(66vh,620px);min-height:380px;position:relative;overflow:auto}.image-editor-layout.is-dragging .image-editor-workspace{outline-offset:-3px;outline:3px solid #6ca7fc}.image-editor-workspace.is-empty{background:#f7faff;border-style:dashed;place-items:center;height:46vh;min-height:300px;max-height:440px;display:grid}.image-editor-empty{text-align:center;color:#788ba4;pointer-events:none;gap:10px;font-size:.78rem;display:grid}.image-editor-empty strong{color:#465e7c;font-size:1rem;font-weight:600}.image-editor-workspace.is-empty .image-editor-canvas{visibility:hidden;pointer-events:none;width:1px;min-width:0;min-height:0;padding:0;position:absolute}.image-editor-canvas{box-sizing:border-box;place-items:center;width:max-content;min-width:100%;min-height:100%;padding:16px;display:grid}.image-editor-canvas .canvas-container{touch-action:none;flex:none;box-shadow:0 2px 14px #26374a24}.image-editor-canvas canvas{touch-action:none;max-width:none}.image-editor-workspace[aria-busy=true] .image-editor-canvas{pointer-events:none;opacity:.65}.image-editor-processing{color:#49627e;z-index:2;background:#ffffffed;border:1px solid #c9d8e9;border-radius:6px;padding:6px 10px;font-size:.76rem;display:inline-block;position:sticky;bottom:12px;left:12px}.image-editor-stagebar{color:#647790;justify-content:space-between;align-items:center;gap:9px;min-height:30px;margin-top:7px;font-size:.7rem;display:flex}.image-editor-stagebar>span{white-space:nowrap}.image-editor-stagebar>label{align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.image-editor-stagebar>label>span{white-space:nowrap}.tool-panel.image-editor .image-editor-stagebar input[type=range]{background:0 0;border:0;width:100px;min-height:20px;padding:0}.image-editor-stagebar output{font-variant-numeric:tabular-nums;text-align:right;min-width:34px}.image-editor-stagebar button:not(.btn){white-space:nowrap;min-height:27px;padding:4px 6px;font-size:.68rem}.image-editor-sidebar{background:#fff;border:1px solid #dfe6ef;border-radius:7px;min-width:0;overflow:hidden}.image-editor-tabs{background:#f7f9fc;border-bottom:1px solid #e5ebf2;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;display:grid}.image-editor-tabs button:not(.btn){background:0 0;border-color:#0000;padding:7px 2px;font-size:.76rem}.image-editor-tabs button[aria-selected=true]{color:#1267de;background:#fff;border-color:#d9e4f2;box-shadow:0 1px 3px #334e7010}.image-editor-controls{border:0;min-width:0;margin:0;padding:10px}.image-editor-controls h3{color:#60738e;margin:5px 0 9px;font-size:.78rem;font-weight:650}.image-editor-controls h3:not(:first-child){margin-top:19px}.image-editor-controls:disabled{opacity:.7}.image-editor-toolgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.image-editor-section{border-top:1px solid #e8edf3;margin-top:11px;padding-top:10px}.tool-panel.image-editor .field{gap:4px;min-width:0;margin:0 0 9px;font-size:.72rem}.tool-panel.image-editor .field input:not([type=checkbox]),.tool-panel.image-editor .field select,.tool-panel.image-editor .image-editor-textrow select,.tool-panel.image-editor .field textarea{border-radius:5px;min-height:33px;padding:6px 7px;font-size:.76rem}.tool-panel.image-editor .field textarea{height:58px;min-height:58px;font-family:inherit;line-height:1.4}.image-editor-textrow{align-items:center;gap:4px;margin-bottom:11px;display:flex}.tool-panel.image-editor .image-editor-textrow select{flex:1;width:40%;min-width:0;padding:6px 3px}.image-editor-textrow button:not(.btn){white-space:nowrap;padding:6px;font-size:.7rem}.image-editor-propertygrid{grid-template-columns:60px minmax(0,1fr) minmax(0,1fr);gap:7px;display:grid}.tool-panel.image-editor .field input[type=color]{width:100%;max-width:none;height:33px;padding:3px}.tool-panel.image-editor .field input[type=range]{accent-color:#1967e8;border:0;min-height:22px;padding:0}.image-editor-inline{align-items:center;gap:10px;display:flex}.image-editor-check{white-space:nowrap;color:#516b88;align-items:center;gap:5px;min-height:28px;margin:0 0 9px;font-size:.72rem;display:flex}.image-editor-check input{accent-color:#1967e8;width:14px;height:14px;margin:0}.image-editor-opacity{flex:1}.image-editor-selection{color:#6c7e95;border-top:1px solid #e8edf3;gap:7px;margin-top:4px;padding-top:9px;font-size:.7rem;display:grid}.image-editor-objectactions{margin-top:8px}.image-editor-objectactions button:not(.btn){min-height:30px;padding:5px;font-size:.69rem}.image-editor-full{width:100%}.image-editor-crop{text-align:center;color:#2572d8;margin:15px 0 3px;font-size:.75rem;display:block}.image-editor-note{color:#6d8098;margin:8px 0 12px;font-size:.72rem;line-height:1.5}.image-editor-export-main{white-space:nowrap}.tool-panel.image-editor .image-editor-download{text-align:center;overflow-wrap:anywhere;gap:8px;margin:0 10px 10px;padding:10px;font-size:.72rem;display:grid}.image-editor-message{margin-bottom:0}.image-editor-help{color:#7c8da3;margin-top:9px;font-size:.72rem;line-height:1.6}.image-editor-help summary{cursor:pointer;color:#627a99;width:fit-content;font-size:.72rem}.image-editor-help p{margin:8px 0 0}@media (width<=900px){.image-editor-layout.has-source{grid-template-columns:minmax(0,1fr) 260px}.image-editor-filename{max-width:100px}.image-editor-topbar{gap:6px}.image-editor-size{font-size:.69rem}.image-editor-history button:not(.btn){padding:6px}.image-editor-stagebar>label>span{display:none}.tool-panel.image-editor .image-editor-stagebar input[type=range]{width:80px}}@media (width<=680px){.tool-panel.image-editor{padding:9px}.image-editor-topbar{flex-wrap:wrap;gap:6px}.image-editor-filename{max-width:120px}.image-editor-history{flex:1;order:2;margin-left:0}.image-editor-export-main{order:3}.image-editor-layout.has-source{grid-template-columns:minmax(0,1fr)}.image-editor-workspace{height:49vh;min-height:280px;max-height:480px}.image-editor-sidebar{max-height:none}.image-editor-controls{padding:10px}.image-editor-toolgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-editor-propertygrid{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr)}.image-editor-section{margin-top:9px;padding-top:9px}.image-editor-canvas{padding:12px}.image-editor-stagebar{margin:4px 0 0}.image-editor-textrow{gap:7px}.image-editor-tabs button:not(.btn){min-height:34px}.image-editor-empty strong{font-size:.9rem}}