/* Cropping View Styles */
#view-crop{flex-direction:column}
.crop-main-area{display:flex;flex:1;min-height:0}
#crop-image-panel{display:flex;flex-direction:column;flex:1;min-width:0}
#crop-canvas-container{flex:1;min-height:0}
#crop-canvas-container canvas{position:absolute;top:0;left:0}

.zoom-ctrl-btn{width:36px;height:36px;border:1px solid #444;background:rgba(34,34,34,0.9);color:#ddd;font-size:16px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;line-height:1}
.zoom-ctrl-btn:hover{background:rgba(42,42,42,0.9);border-color:#3b82f6}
.zoom-ctrl-btn.active{background:#2563eb;border-color:#3b82f6;color:#fff;font-size:12px}
.mag-ctrl-btn{font-size:12px !important}

.thumb-wrap{flex:1;cursor:pointer;border:2px solid transparent;border-radius:4px;padding:2px;text-align:center;transition:border-color 0.15s}
.thumb-wrap.active{border-color:#3b82f6}
.thumb-wrap:hover:not(.active){border-color:#555}
.thumb-wrap.greyed canvas{opacity:0.3}
.thumb-wrap canvas{width:100%;height:120px;background:#111;border-radius:3px;display:block}
.thumb-label{font-size:11px;color:#888;display:block;margin-top:2px}

.toggle-track{width:36px;height:20px;background:#333;border-radius:10px;position:relative;transition:background 0.2s;flex-shrink:0}
.toggle-track.on{background:#3b82f6}
.toggle-thumb{width:16px;height:16px;background:#ddd;border-radius:50%;position:absolute;top:2px;left:2px;transition:left 0.2s}
.toggle-track.on .toggle-thumb{left:18px}

.photo-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;margin-bottom:4px;background:#2a2a2a;border-radius:4px;border:1px solid transparent;cursor:pointer;font-size:13px}
.photo-item:hover{background:#333}
.photo-item.active{border-color:#3b82f6;background:#1e3050}
.photo-item-label{flex:1}
.photo-item-actions{display:flex;gap:2px}