.single-image-editor{height:100%;min-height:0;color:var(--color-text);background:var(--color-surface-raised);--sie-eraser-cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='rotate(-32 16 18)'%3E%3Crect x='11' y='4' width='10' height='16' rx='2' fill='%23f7f7f7' stroke='%23222' stroke-width='1.6'/%3E%3Crect x='11' y='14' width='10' height='7' rx='1.5' fill='%23d24b4b' stroke='%23222' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") 8 26,cell;flex-direction:column;font-size:14px;display:flex;position:relative}.single-image-editor *{box-sizing:border-box}.single-image-editor button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px}.single-image-editor button:hover:not(:disabled){background:var(--color-surface-muted)}.single-image-editor button:disabled{opacity:.38;cursor:default}.single-image-editor :is(button,input,textarea,select,summary):focus-visible{outline:2px solid var(--color-text-muted);outline-offset:2px}.single-image-editor .sie-icon-button{place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.sie-header{border-bottom:1px solid var(--color-border-subtle);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 10px;display:grid}.sie-title{white-space:nowrap;font-size:15px;font-weight:600}.sie-header-side{align-items:center;gap:2px;min-width:0;display:flex}.sie-header-end{justify-content:flex-end}.sie-more{position:relative}.sie-more summary{cursor:pointer;border-radius:8px;list-style:none}.sie-more summary:hover{background:var(--color-surface-muted)}.sie-more summary::-webkit-details-marker{display:none}.sie-more>div{z-index:10;background:var(--color-surface-raised);min-width:170px;box-shadow:var(--shadow-lg);border-radius:12px;padding:6px;display:grid;position:absolute;top:100%;right:0}.sie-more button{text-align:left;white-space:nowrap}.sie-workspace{flex:1;min-height:0;display:flex}.sie-tools{border-right:1px solid var(--color-border-subtle);flex-direction:column;flex:none;order:1;align-items:center;gap:2px;width:76px;padding:8px 6px;display:flex;overflow:auto}.single-image-editor .sie-tools button{white-space:nowrap;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:64px;height:auto;min-height:54px;padding:6px 0;font-size:11px;line-height:1.15;display:flex}.single-image-editor .sie-tools button[aria-pressed=true]{background:var(--color-surface-muted);font-weight:600}.sie-toolbar{z-index:5;box-sizing:border-box;scrollbar-width:none;background:color-mix(in srgb,var(--color-surface-raised) 94%,transparent);min-width:0;height:48px;box-shadow:var(--shadow-sm);border:0;border-radius:12px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;margin:0;padding:0 10px;display:flex;position:absolute;top:8px;left:12px;right:12px;overflow:auto hidden}.sie-toolbar::-webkit-scrollbar{display:none}.sie-toolbar>*{flex:none}.sie-toolbar-stack{display:grid}.sie-toolbar-stack>*{grid-area:1/1;justify-self:start}.sie-toolbar-stack>[aria-hidden=true]{visibility:hidden;pointer-events:none}.sie-toolbar-slot{display:contents}.sie-toolbar-group{background:var(--color-surface-muted);border-radius:10px;align-items:center;gap:6px;min-height:34px;padding:2px;display:inline-flex}.sie-toolbar-group>span{color:var(--color-text-muted);white-space:nowrap;padding:0 4px 0 10px;font-size:13px}.single-image-editor .sie-toolbar-group>button{padding:5px 10px}.single-image-editor .sie-toolbar-button{background:var(--color-surface-muted);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;min-height:34px;padding:6px 14px;display:inline-flex}.single-image-editor .sie-toolbar-icon{background:var(--color-surface-muted);border-radius:10px;width:34px;height:34px}.single-image-editor .sie-toolbar-button[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--color-text-muted)}.sie-segmented{background:var(--color-surface-muted);border-radius:10px;align-items:center;gap:2px;padding:2px;display:inline-flex}.single-image-editor .sie-segmented button{white-space:nowrap;border:1.5px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px}.single-image-editor .sie-segmented button[aria-pressed=true]{border-color:var(--color-text-muted);background:var(--color-surface-raised)}.sie-toolbar-group .sie-segmented{background:0 0;padding:0}.single-image-editor .sie-toolbar-group .sie-icon-button[aria-pressed=true]{background:var(--color-surface-raised);box-shadow:inset 0 0 0 1.5px var(--color-text-muted)}.sie-crop-size{padding-inline:10px 12px}.sie-crop-size small{color:var(--color-text-muted)}.sie-size-field{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.sie-size-field input{width:62px;height:28px;color:var(--color-text);font:inherit;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:0 0;border:0;border-radius:6px;padding:0 6px}.sie-size-field input::-webkit-inner-spin-button{appearance:none;margin:0}.sie-size-field input::-webkit-outer-spin-button{appearance:none;margin:0}.sie-size-field input:hover,.sie-size-field input:focus{background:var(--color-surface-raised)}.sie-toolbar select{background:var(--color-surface-raised);height:28px;color:var(--color-text);font:inherit;border:0;border-radius:6px;padding:0 6px;font-size:13px}.sie-swatch{border:1px solid var(--color-border-subtle);cursor:pointer;background:0 0;border-radius:5px;width:22px;height:22px;padding:0}.sie-swatch::-webkit-color-swatch-wrapper{padding:0}.sie-swatch::-webkit-color-swatch{border:0;border-radius:4px}.sie-swatch::-moz-color-swatch{border:0;border-radius:4px}.sie-slider{flex:1;gap:4px;min-width:100px;max-width:180px;display:grid}.sie-toolbar .sie-slider{flex:none;align-items:center;gap:8px;width:252px;min-width:252px;max-width:252px;height:34px;display:flex}.sie-toolbar .sie-slider span{white-space:nowrap;align-items:center;gap:6px}.sie-toolbar .sie-slider input{flex:none;width:96px;margin:0}.sie-slider span{justify-content:space-between;gap:10px;display:flex}.sie-slider output{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.sie-toolbar .sie-slider output{text-align:right;min-width:3.6em}.sie-mark-size{text-align:left;min-width:4.5em;display:inline-block}.sie-slider input{width:100%;accent-color:var(--color-text-muted)}.sie-colors{flex:none;align-items:center;gap:9px;display:flex}.sie-colors.is-reserved{visibility:hidden;pointer-events:none}.sie-colors button{width:22px;height:22px;border:1px solid #8887!important;border-radius:50%!important;padding:0!important}.sie-colors button[aria-pressed=true]{outline:2px solid var(--color-text-muted);outline-offset:2px}.sie-colors input{background:0 0;border:0;width:26px;height:26px;padding:0}.sie-body{flex:1;order:3;min-width:0;min-height:0;display:flex}.sie-rail{border-right:1px solid var(--color-border-subtle);background:var(--color-surface-raised);flex-direction:column;flex:none;order:2;width:280px;min-height:0;display:flex;overflow:hidden}.sie-stage-column{background:var(--color-surface-muted);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sie-stage{flex:1;justify-content:center;align-items:center;min-width:0;min-height:100px;padding:16px 20px 72px;display:flex;position:relative;overflow:hidden}.sie-stage.is-options{padding-top:64px}.sie-image-wrap{max-width:100%;height:auto;max-height:100%;line-height:0;position:relative;overflow:hidden}.sie-image-view{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.sie-image-wrap canvas{object-fit:contain;touch-action:none;width:100%;height:100%;display:block}.sie-image-wrap.is-hand :is(.sie-polygon>svg,.sie-material-selection,.sie-crop,.sie-region-chip,.sie-text-hit){pointer-events:none}.sie-stage-chrome{z-index:6;pointer-events:none;color:var(--color-text-muted);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;font-size:12px;display:grid;position:absolute;bottom:10px;left:12px;right:12px}.sie-stage-chrome>*{pointer-events:auto}.sie-stage-chrome .sie-view-zoom>span{white-space:nowrap}.single-image-editor .sie-stage-chrome button{padding:4px 8px}.sie-save-bar{justify-content:center;gap:8px;display:flex}.single-image-editor .sie-save-bar button{background:color-mix(in srgb,var(--color-text) 8%,var(--color-surface-raised));min-height:36px;box-shadow:var(--shadow-md);white-space:nowrap;border-radius:10px;padding:0 16px}.single-image-editor .sie-save-bar button.is-primary{background:var(--color-text);color:var(--color-surface-raised)}.single-image-editor .sie-save-bar button.is-primary:hover:not(:disabled){background:var(--color-text)}.sie-view-zoom{align-items:center;gap:2px;display:flex}.single-image-editor .sie-view-zoom>button:not(.sie-fit-button):not(.sie-hand-toggle){border-radius:50%;width:26px;height:26px;padding:0}.sie-view-zoom output{text-align:center;min-width:46px;color:var(--color-text)}.single-image-editor .sie-view-zoom .sie-hand-toggle{width:28px;height:28px;margin-left:4px}.single-image-editor .sie-view-zoom .sie-hand-toggle[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-text);box-shadow:inset 0 0 0 1.5px var(--color-text-muted)}.single-image-editor .sie-view-zoom .sie-fit-button{background:var(--color-surface-raised);color:var(--color-text);border-radius:8px;margin-left:6px;padding:5px 12px}.single-image-editor .sie-compare{white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:none;justify-self:end}.single-image-editor .sie-compare[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-text)}.sie-region-panel{border-left:1px solid var(--color-border-subtle);flex:none;width:248px;padding:18px;overflow:auto}.sie-region-panel:empty,.sie-region-panel[hidden]{display:none}.sie-region{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.sie-region h3{margin:0;font-size:14px;font-weight:600}.sie-region .sie-segmented{background:0 0;grid-template-columns:1fr 1fr;gap:8px;padding:0;display:grid}.single-image-editor .sie-region .sie-segmented button{border:1.5px solid var(--color-border-subtle);border-radius:10px;padding:8px 0}.single-image-editor .sie-region .sie-segmented button[aria-pressed=true]{border-color:var(--color-text-muted);background:var(--color-surface-muted);font-weight:600}.sie-region .sie-slider{max-width:none}.sie-switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.sie-switch input{appearance:none;background:var(--color-border-subtle);cursor:pointer;border-radius:11px;flex:none;width:40px;height:22px;margin:0;transition:background .15s;position:relative}.sie-switch input:after{content:"";background:var(--color-surface-raised);width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.sie-switch input:checked{background:var(--color-text-muted)}.sie-switch input:checked:after{transform:translate(18px)}.single-image-editor .sie-empty{justify-items:center;gap:12px;min-width:200px;padding:30px;display:grid}.sie-empty span{font-size:32px}.sie-empty small{color:var(--color-text-muted)}.sie-crop{z-index:4;border:1px solid var(--color-overlay-text);box-shadow:0 0 0 9999px var(--color-overlay-strong);touch-action:none;position:absolute}.sie-crop i{background:color-mix(in srgb,var(--color-overlay-text) 55%,transparent);pointer-events:none;position:absolute}.sie-crop i:first-child,.sie-crop i:nth-child(2){width:1px;top:0;bottom:0;left:33.33%}.sie-crop i:nth-child(2){left:66.66%}.sie-crop i:nth-child(3),.sie-crop i:nth-child(4){height:1px;top:33.33%;left:0;right:0}.sie-crop i:nth-child(4){top:66.66%}.sie-crop-move{cursor:move;position:absolute;inset:0}.sie-crop-handle{background:var(--color-overlay-text);width:12px;height:12px;box-shadow:var(--shadow-sm);border-radius:50%;margin:-6px 0 0 -6px;position:absolute}.sie-crop-handle:before{content:"";position:absolute;inset:-8px}.sie-crop-handle.is-nw{cursor:nwse-resize;top:0;left:0}.sie-crop-handle.is-n{cursor:ns-resize;top:0;left:50%}.sie-crop-handle.is-ne{cursor:nesw-resize;top:0;left:100%}.sie-crop-handle.is-e{cursor:ew-resize;top:50%;left:100%}.sie-crop-handle.is-se{cursor:nwse-resize;top:100%;left:100%}.sie-crop-handle.is-s{cursor:ns-resize;top:100%;left:50%}.sie-crop-handle.is-sw{cursor:nesw-resize;top:100%;left:0}.sie-crop-handle.is-w{cursor:ew-resize;top:50%;left:0}.sie-crop-actions{z-index:5;background:var(--color-overlay-strong);box-shadow:var(--shadow-md);white-space:nowrap;border-radius:12px;gap:4px;padding:4px;line-height:1.4;display:flex;position:absolute}.single-image-editor .sie-crop-actions button{color:var(--color-overlay-text);padding:6px 16px;font-size:13px}.single-image-editor .sie-crop-actions button:hover{background:color-mix(in srgb,var(--color-overlay-text) 12%,transparent)}.single-image-editor .sie-crop-actions button.is-primary{background:var(--color-surface-raised);color:var(--color-text)}.sie-error{background:var(--color-error-soft);color:var(--color-error);z-index:12;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:20px;right:20px}.sie-generation{flex-direction:column;flex:1;min-height:0;padding:12px;display:flex;overflow:auto}.sie-rail:has(.sie-side) .sie-generation{border-top:1px solid var(--color-border-subtle);flex:none;max-height:46%}.sie-polygon{z-index:3;pointer-events:none;position:absolute;inset:0}.sie-polygon[hidden]{display:none}.sie-polygon>svg{pointer-events:auto;touch-action:none;cursor:crosshair;width:100%;height:100%;overflow:visible}.sie-polygon-polygon{stroke-linejoin:round;cursor:pointer}.sie-polygon-polygon.is-selected{cursor:copy}.sie-polygon-draft{fill:none;pointer-events:none}.sie-polygon-point{fill:var(--color-surface-raised);stroke:var(--color-danger);stroke-width:2px;vector-effect:non-scaling-stroke;cursor:grab}.sie-polygon-point.is-active{fill:var(--color-danger)}.sie-region-chip{z-index:5;background:var(--color-overlay-strong);color:var(--color-overlay-text);white-space:nowrap;pointer-events:auto;transform-origin:bottom;box-shadow:var(--shadow-md);border-radius:9px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:12px;line-height:1.4;display:flex;position:absolute}.single-image-editor .sie-region-chip button{border:1px solid color-mix(in srgb,var(--color-overlay-text) 35%,transparent);width:22px;height:22px;color:inherit;border-radius:50%;place-items:center;padding:0;line-height:1;display:inline-grid}.single-image-editor .sie-region-chip button:hover:not(:disabled){background:color-mix(in srgb,var(--color-overlay-text) 12%,transparent)}.single-image-editor .sie-region-chip button:disabled{color:inherit;opacity:.35;background:0 0}.sie-material-overlay{pointer-events:none;position:absolute;inset:0}.sie-material-selection{pointer-events:auto;touch-action:none;cursor:move;box-sizing:border-box;background:0 0;border:1.5px solid #fff;position:absolute;box-shadow:0 0 0 1px #0000008c}.sie-material-selection:focus-visible{outline-offset:3px;outline:2px solid #fff}.sie-material-resize,.sie-material-rotate{touch-action:none;color:#000000b8;background:#fff;border:1.5px solid #0000008c;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;box-shadow:0 1px 2px #00000047}.sie-material-resize:after,.sie-material-rotate:after{content:"";position:absolute;inset:-7px}.sie-material-resize{cursor:nwse-resize;bottom:-8px;right:-8px}.sie-material-rotate{cursor:grab;top:-26px;left:calc(50% - 7px)}.sie-material-rotate:before{content:"";pointer-events:none;background:#fff;width:1.5px;height:12px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 0 0 .5px #00000073}.sie-material-rotate svg{width:9px;height:9px}.sie-material-rotate svg path:first-child{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round}.sie-material-rotate svg path:last-child{fill:currentColor;stroke:none}.sie-material-list{gap:4px;max-width:min(420px,100%);display:flex;overflow-x:auto}.single-image-editor .sie-material-list button{background:var(--color-surface-muted);border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:160px;padding:4px 10px 4px 4px;display:flex}.single-image-editor .sie-material-list button[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--color-text-muted)}.sie-material-thumb{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:28px;height:28px}.sie-material-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sie-text-hit{z-index:4;box-sizing:border-box;cursor:move;touch-action:none;position:absolute}.sie-text-hit.is-selected{border:1px solid var(--color-text-strong)}.sie-text-placement{z-index:4;background:0 0;width:max-content;max-width:70%;padding:0;position:absolute}.sie-text-placement textarea{box-sizing:content-box;resize:none;text-shadow:0 1px 2px #00000047;background:0 0;border:0;border-radius:0;outline:none;min-width:4ch;max-width:100%;min-height:1.2em;padding:0;font-family:inherit;font-weight:600;line-height:1.2;display:block}.single-image-editor .sie-text-placement textarea:focus-visible{outline:0;box-shadow:0 1px}.sie-side{background:var(--color-surface-raised);flex-direction:column;flex:1;gap:12px;width:auto;min-height:0;padding:14px 14px 16px;display:flex;overflow:auto}.sie-side>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sie-side>header strong{font-size:14px}.sie-side-controls{gap:10px;display:grid}.sie-side .sie-slider{width:100%;min-width:0;max-width:none}.sie-side .sie-material-list{flex-direction:column;align-items:stretch;max-width:none}.single-image-editor .sie-side .sie-material-list button{max-width:none}.sie-side-library{flex:1;min-height:160px}@media (width<=700px){.sie-header{padding:0 6px}.sie-workspace{flex-direction:column}.sie-tools{border-right:0;border-bottom:1px solid var(--color-border-subtle);flex-direction:row;width:auto;padding:4px 8px;overflow-x:auto}.single-image-editor .sie-tools button{width:auto;min-height:44px;padding:4px 8px}.sie-toolbar{gap:8px;height:44px;padding:0 8px}.sie-toolbar>*{flex:none}.sie-body{flex-direction:column;order:2}.sie-rail{border-right:0;border-top:1px solid var(--color-border-subtle);order:3;width:auto;max-height:46%}.sie-stage{padding:12px 12px 64px}.sie-stage.is-options{padding-top:56px}.sie-stage-chrome{grid-template-columns:auto 1fr}.sie-stage-chrome .sie-view-zoom>span{display:none}.sie-save-bar{grid-area:1/1/auto/-1}.sie-view-zoom{grid-row:2;justify-self:start}.sie-compare{grid-row:2;justify-self:end}.sie-side{width:auto;max-height:none}.sie-region-panel{border-left:0;border-top:1px solid var(--color-border-subtle);width:auto;max-height:40%;padding:12px}.sie-region{grid-template-columns:1fr 1fr;align-items:center;gap:12px}.sie-region h3{display:none}.sie-generation{padding:10px 12px}}