.editor-page{max-width:1180px;--preview-height:min(440px,48vh)}.editor-intro,.editor-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px}.editor-drop,.preset-panel,.editor-crop-panel,.editor-settings,#editor-result{border:1px solid var(--line,#dce3eb);border-radius:16px;padding:22px;background:white}.editor-drop{background:#f2f6ff}.editor-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.editor-buttons .button{padding:10px 12px;font-size:.88rem}.editor-page label{display:block;margin:12px 0 6px;font-weight:600}.editor-page input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.editor-page select{min-height:44px;max-width:100%;width:100%;border:1px solid #aab6c9;border-radius:8px;padding:9px;background:#fff}.editor-page input[type=range]{width:100%;min-height:40px}.editor-page input[type=color]{width:64px;height:44px}.editor-page .check{display:flex;align-items:center;gap:9px;font-weight:400}.editor-page .check input{width:20px;height:20px;flex-shrink:0}.editor-page fieldset{border:0;padding:0;min-width:0}.editor-page p{line-height:1.65}.editor-page h2{font-size:1.2rem;margin-top:0}.editor-page [hidden]{display:none!important}.editor-page button:disabled{opacity:.5;cursor:wait}.preset-panel summary{font-weight:650;cursor:pointer}.preset-panel p{font-size:.88rem}.crop-stage{position:relative;margin:18px 0;overflow:hidden;background:repeating-conic-gradient(#e8e8e8 0% 25%,#fff 0% 50%) 0/20px 20px;touch-action:none;user-select:none;line-height:0}.crop-stage>canvas{display:block;width:100%;height:auto;pointer-events:none}.crop-stage #crop-box{position:absolute;box-sizing:border-box;border:2px solid white;outline:1px solid #244ee9;box-shadow:0 0 0 9999px #09152a85;cursor:move;touch-action:none}.crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33%,#ffffff70 33%,#ffffff70 33.4%,transparent 33.4%,transparent 66%,#ffffff70 66%,#ffffff70 66.4%,transparent 66.4%),linear-gradient(transparent 33%,#ffffff70 33%,#ffffff70 33.4%,transparent 33.4%,transparent 66%,#ffffff70 66%,#ffffff70 66.4%,transparent 66.4%)}.crop-handle{position:absolute;width:30px;height:30px;border:2px solid #244ee9;background:white;border-radius:6px;padding:0;touch-action:none}.crop-handle.nw{left:-2px;top:-2px;cursor:nwse-resize}.crop-handle.ne{right:-2px;top:-2px;cursor:nesw-resize}.crop-handle.sw{left:-2px;bottom:-2px;cursor:nesw-resize}.crop-handle.se{right:-2px;bottom:-2px;cursor:nwse-resize}.crop-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}#editor-status{font-weight:600}#editor-error{padding:14px;background:#fff1f0;color:#982b25;border-radius:8px}#output-plan{padding:12px;background:#f2f6ff;border-radius:8px}#editor-process{width:100%;min-height:48px}#editor-result{margin-top:24px}#compare-viewport{width:100%;max-height:var(--preview-height);overflow:auto;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/20px 20px;border:1px solid #cbd4e4;min-height:120px}#compare-surface{position:relative;margin:0 auto;line-height:0}#compare-surface canvas,#compare-surface img{display:block;width:100%;height:100%}#compare-surface img{position:absolute;inset:0}#compare-surface .divider{position:absolute;top:0;bottom:0;width:2px;background:#f9cf43;pointer-events:none}#editor-result .editor-buttons select{width:auto;flex:1;min-width:180px}#editor-download{margin-top:16px}#editor-saved-home{margin-bottom:24px}#editor-preset-links{display:flex;gap:10px;flex-wrap:wrap}.editor-page :focus-visible{outline:3px solid #e59d12;outline-offset:3px}
.crop-stage{width:100%;max-width:calc(var(--preview-height) * var(--image-ratio,1));margin:18px auto}.editor-entry{margin:0 0 24px}
@media(max-width:760px){.editor-intro,.editor-grid{grid-template-columns:minmax(0,1fr);gap:16px}.editor-drop,.preset-panel,.editor-crop-panel,.editor-settings,#editor-result{padding:16px}.editor-page h1{font-size:1.85rem}.crop-handle{width:36px;height:36px}.editor-buttons .button{flex:1;min-height:44px}.editor-page .dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@supports(height:1svh){.editor-page{--preview-height:min(440px,48svh)}}
.editor-crop-panel,.editor-settings{min-width:0}

.batch-panel{margin:24px 0;padding:22px;border:1px solid var(--line,#dce3eb);border-radius:16px;background:#f6f8ff}.batch-panel h3{font-size:1rem;overflow-wrap:anywhere}#batch-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:16px 0}#batch-cards article{min-width:0;background:white;border:1px solid #dce3eb;border-radius:12px;padding:14px}#batch-cards img{display:block;width:100%;height:220px;object-fit:contain;background:#f2f4f8}#batch-queue>div{display:flex;max-width:100%}#batch-queue button{overflow-wrap:anywhere;white-space:normal;min-width:0}#batch-queue [aria-pressed=true]{border:2px solid #244ee9;background:#e6edff}#quick-presets{grid-column:1/-1}#quick-preset-buttons button{overflow-wrap:anywhere;max-width:100%}@media(max-width:760px){.batch-panel{padding:14px}#batch-queue>div{width:100%}#batch-queue>div>button:first-child{flex:1}#batch-queue>div>button:last-child{flex:0 0 44px}}