.image-workspace{min-width:0}.image-dropzone{border:1px dashed var(--border);background:var(--background);border-radius:10px;align-items:center;gap:17px;padding:24px;transition:border-color .15s,background .15s;display:flex}.image-dropzone>svg{color:var(--accent)}.image-dropzone>div{flex:1;min-width:0}.image-dropzone strong{font-size:.9375rem;display:block}.image-dropzone p{color:var(--muted);margin:5px 0 0;font-size:.75rem}.image-dropzone-active{border-color:var(--accent);background:var(--accent-soft)}.image-file-label{cursor:pointer;flex-shrink:0;position:relative;overflow:hidden}.image-file-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.image-file-label:focus-within{outline:3px solid var(--accent);outline-offset:4px}.image-limits{margin-bottom:24px}.image-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding-top:8px;display:grid}.image-settings .field{min-width:0}.image-quality input{accent-color:var(--accent);width:100%;min-height:30px;display:block}.image-checkbox{align-self:center;align-items:center;gap:9px;min-height:36px;font-size:.8125rem;display:flex}.image-checkbox input{accent-color:var(--accent);width:17px;height:17px}.image-crop-fields{grid-row:span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.image-format-note p{margin-bottom:0}.image-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.image-preview-card{border:1px solid var(--border);border-radius:10px;min-width:0;padding:18px}.image-preview-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.image-preview-heading h2{margin:0;font-size:.9375rem}.image-preview-heading>span{background:var(--soft);color:var(--muted);border-radius:4px;padding:2px 7px;font-size:.6875rem}.image-checkerboard{background-color:var(--surface);background-image:conic-gradient(var(--border) 25%, transparent 0 50%, var(--border) 0 75%, transparent 0);background-size:20px 20px}.image-preview{border-radius:5px;justify-content:center;align-items:center;min-height:220px;display:flex;overflow:hidden}.image-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:420px;display:block}.image-preview-empty{min-height:240px;color:var(--muted);text-align:center;background:var(--background);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.image-preview-empty p{max-width:260px;margin:0;font-size:.8125rem}.image-file-name{overflow-wrap:anywhere;margin:13px 0 0;font-size:.8125rem}.image-size-warning{color:var(--foreground)}.image-export-note{margin:20px 0 0}.image-crop-stage{-webkit-user-select:none;user-select:none;margin:0 auto;position:relative;overflow:hidden}.image-crop-stage>img{pointer-events:none;width:100%;height:100%;display:block}.image-crop-selection{cursor:move;touch-action:none;border:2px solid #fff;outline:1px solid #345ce6;min-width:1px;min-height:1px;position:absolute;box-shadow:0 0 0 9999px #0008}.image-crop-selection:focus-visible{outline-offset:-4px;outline:3px solid #345ce6}.image-crop-grid{pointer-events:none;background-image:linear-gradient(90deg,#0000 33%,#fff5 33% 34%,#0000 34% 66%,#fff5 66% 67%,#0000 67%),linear-gradient(#0000 33%,#fff5 33% 34%,#0000 34% 66%,#fff5 66% 67%,#0000 67%);position:absolute;inset:0}.image-crop-handle{color:#fff;cursor:nwse-resize;touch-action:none;background:#345ce6;border:1px solid #fff;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;bottom:-1px;right:-1px}@media (max-width:720px){.image-dropzone{flex-wrap:wrap;gap:12px;padding:18px}.image-dropzone>div{flex-basis:calc(100% - 45px)}.image-previews{grid-template-columns:1fr}.image-settings{gap:16px}}@media (max-width:440px){.image-settings{grid-template-columns:1fr}.image-crop-fields{grid-row:auto}.image-preview-card{padding:14px}.image-dropzone .button{flex:1}}