.tool[data-v-20863c26]{display:grid;gap:16px}.editor[data-v-20863c26]{display:grid;gap:14px}.toolbar[data-v-20863c26]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 16px;align-items:center}.ratios[data-v-20863c26]{display:flex;flex-wrap:wrap;gap:6px}.ratio[data-v-20863c26]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--line-2);background:#fff;font:500 13.5px/1 var(--font-sans);color:var(--ink-2);cursor:pointer}.ratio[data-v-20863c26]:hover{border-color:var(--red-300);color:var(--red)}.ratio[aria-checked=true][data-v-20863c26]{background:var(--red);border-color:var(--red);color:#fff}.ratio-shape[data-v-20863c26]{display:inline-block;border:1.6px solid currentColor;border-radius:2px}.ratio-shape.round[data-v-20863c26]{border-radius:50%}.tb-actions[data-v-20863c26]{display:flex;gap:6px}.stage[data-v-20863c26]{position:relative;width:100%;height:min(62vh,560px);border-radius:16px;overflow:hidden;background:repeating-conic-gradient(#f4eced 0 25%,#fbf7f7 0 50%) 50%/20px 20px;border:1px solid var(--line)}.stage img[data-v-20863c26]{display:block;max-width:100%}.bottom[data-v-20863c26]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.size-info[data-v-20863c26]{font-size:14.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}.size-info strong[data-v-20863c26]{color:var(--ink)}.dim[data-v-20863c26]{color:var(--ink-3)}.out[data-v-20863c26]{display:flex;flex-wrap:wrap;gap:8px}.fmt[data-v-20863c26]{width:110px}.spin[data-v-20863c26]{animation:spin-20863c26 .9s linear infinite}@keyframes spin-20863c26{to{transform:rotate(360deg)}}.crop-stage .cropper-view-box{outline:2px solid #c8102e;outline-color:#c8102ee6}.crop-stage .cropper-line{background-color:#c8102e}.crop-stage .cropper-point{background-color:#c8102e;width:9px;height:9px;opacity:1;border-radius:2px}.crop-stage .cropper-point.point-se{width:12px;height:12px}.crop-stage .cropper-modal{background-color:#1e0a0e;opacity:.55}.crop-stage .cropper-dashed{border-color:#fff9}.crop-stage.is-circle .cropper-face,.crop-stage.is-circle .cropper-view-box{border-radius:50%}