.crop-editor{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.crop-canvas-wrap{position:relative;background:#000;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-height:65vh;display:flex;justify-content:center;align-items:center}.crop-canvas-host{line-height:0;max-width:100%;max-height:65vh}.crop-canvas-host canvas{display:block;max-width:100%;max-height:65vh;height:auto;width:auto}.crop-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;touch-action:none}.crop-rect{position:absolute;box-sizing:border-box;border:1.5px solid var(--accent);box-shadow:0 0 0 9999px rgba(0,0,0,.55);cursor:move;pointer-events:auto;touch-action:none}.crop-handle{position:absolute;width:14px;height:14px;background:var(--accent);border:2px solid #fff;border-radius:50%;pointer-events:auto;touch-action:none;box-sizing:border-box}.crop-handle::after{content:"";position:absolute;inset:-10px}.crop-handle.h-nw{top:-8px;left:-8px;cursor:nwse-resize}.crop-handle.h-ne{top:-8px;right:-8px;cursor:nesw-resize}.crop-handle.h-sw{bottom:-8px;left:-8px;cursor:nesw-resize}.crop-handle.h-se{bottom:-8px;right:-8px;cursor:nwse-resize}.crop-handle.h-n{top:-8px;left:50%;transform:translateX(-50%);cursor:ns-resize}.crop-handle.h-s{bottom:-8px;left:50%;transform:translateX(-50%);cursor:ns-resize}.crop-handle.h-w{left:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}.crop-handle.h-e{right:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}.crop-detect-status{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:.4rem .75rem;border-radius:var(--radius);font-size:.85rem;display:flex;align-items:center;gap:.5rem;pointer-events:none;z-index:2}.crop-sliders{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.crop-sliders label{display:grid;grid-template-columns:1fr auto;align-items:center;margin:0;font-size:.9rem;color:var(--fg)}.crop-sliders label>input[type="range"]{grid-column:1/-1;width:100%;margin-top:.25rem;accent-color:var(--accent)}.crop-slider-val{font-variant-numeric:tabular-nums;color:var(--fg-muted);font-size:.85rem}.crop-reset{align-self:flex-start;font-size:.85rem;padding:.4rem .75rem;min-height:36px}.crop-rotate-row{display:flex;gap:.5rem}.crop-rotate-row .btn{flex:1;font-size:1rem;min-height:40px}.crop-advanced{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.crop-advanced>summary{list-style:none;cursor:pointer;padding:.6rem .75rem;font-size:.9rem;color:var(--fg-muted);user-select:none}.crop-advanced>summary::-webkit-details-marker{display:none}.crop-advanced>summary::before{content:"▸ ";display:inline-block;transition:transform .15s ease}.crop-advanced[open]>summary::before{content:"▾ "}.crop-advanced>.crop-sliders{border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}