.image-interaction-overlay{z-index:1000;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#000a;place-items:center;display:grid;position:fixed;inset:0}.image-viewer-panel,.image-crop-panel{background:var(--surface,#fff);color:var(--text,#16201b);box-sizing:border-box;border-radius:16px;width:min(100%,900px);max-height:100%;padding:16px;overflow:auto}.image-crop-panel{width:min(100%,560px)}.image-interaction-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.image-viewer-canvas{color:#fff;background:#131713;height:min(62dvh,700px);margin:12px 0;overflow:auto}.image-viewer-canvas img{object-fit:contain;display:block}.image-crop-preview{background:#131713;width:fit-content;max-width:100%;margin:12px auto;position:relative;overflow:hidden}.image-crop-preview img{width:auto;max-width:100%;height:auto;max-height:42dvh;display:block}.image-crop-selection{box-sizing:border-box;cursor:move;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 999px #0007}.image-crop-controls{gap:8px;margin:12px 0;display:grid}.image-crop-controls label{grid-template-columns:minmax(90px,1fr) minmax(100px,2fr);align-items:center;gap:8px;display:grid}.image-interaction-toolbar input[type=range],.image-crop-controls input[type=range]{width:100%;min-width:0}@media (width<=480px){.image-interaction-overlay{padding:8px}.image-viewer-panel,.image-crop-panel{padding:12px}.image-interaction-toolbar>label{width:100%}}