.crop-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.crop-preset-btn{font-family:var(--font-sans);font-size:11px;font-weight:600;padding:10px 12px;background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:10px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;outline:0px solid rgba(224,114,3,0);outline-offset:8px;cursor:pointer;transition:outline .3s ease,outline-offset .3s ease,transform .3s ease;flex:1;min-width:56px;display:flex;flex-direction:column;align-items:center;gap:6px}.crop-preset-btn:hover{outline:3px solid rgba(224,114,3,.6);outline-offset:0px;transform:translateY(-2px)}.crop-preset-btn.active{background:var(--tool-color, #e07203);color:#fff;border-color:var(--tool-color, #e07203);outline:3px solid rgba(224,114,3,.6);outline-offset:0px}html[data-theme=dark] .crop-preset-btn,.dark .crop-preset-btn{background:#27272a;border-color:#3f3f46;color:#d4d4d8;box-shadow:#00000059 0 10px 20px,#0006 0 6px 6px;outline-color:#e0720300}html[data-theme=dark] .crop-preset-btn:hover,.dark .crop-preset-btn:hover{outline:3px solid rgba(224,114,3,.5);outline-offset:0px;transform:translateY(-2px)}html[data-theme=dark] .crop-preset-btn.active,.dark .crop-preset-btn.active{background:var(--tool-color, #e07203);color:#fff;border-color:var(--tool-color, #e07203);outline:3px solid rgba(224,114,3,.5);outline-offset:0px}.crop-ratio-icon{display:flex;align-items:center;justify-content:center;width:36px;height:28px;opacity:.5;transition:opacity .15s}.crop-ratio-icon svg{width:100%;height:100%}.crop-preset-btn:hover .crop-ratio-icon,.crop-preset-btn.active .crop-ratio-icon{opacity:1}.crop-thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:rgba(224,114,3,.3) transparent}.crop-thumbs:empty{display:none}.crop-thumbs::-webkit-scrollbar{height:4px}.crop-thumbs::-webkit-scrollbar-track{background:transparent}.crop-thumbs::-webkit-scrollbar-thumb{background:#e072034d;border-radius:4px}.crop-thumb{position:relative;flex-shrink:0;width:72px;height:72px;border-radius:10px;overflow:hidden;border:2px solid #e2e8f0;cursor:pointer;transition:all .15s ease;background:#0f0f0f}.crop-thumb img{width:100%;height:100%;object-fit:cover;display:block}.crop-thumb:hover{border-color:#e07203;transform:translateY(-2px);box-shadow:0 4px 10px #e0720326}.crop-thumb.active{border-color:#e07203;box-shadow:0 0 0 2px #e072034d}.crop-thumb-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#0009;color:#fff;border:none;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.crop-thumb:hover .crop-thumb-remove{opacity:1}.crop-thumb-idx{position:absolute;bottom:2px;left:2px;font-size:9px;font-weight:700;background:#0000008c;color:#fff;padding:1px 5px;border-radius:4px;font-family:var(--font-sans)}html[data-theme=dark] .crop-thumb,.dark .crop-thumb{border-color:#3f3f46}html[data-theme=dark] .crop-thumb.active,.dark .crop-thumb.active{border-color:#e07203}.crop-preview{margin:12px 0;user-select:none;-webkit-user-select:none;display:flex;justify-content:center}.crop-preview-stage{position:relative;border-radius:10px;overflow:hidden;background:#0f0f0f}.crop-preview-img{display:block;pointer-events:none;image-rendering:auto}.crop-selection{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #0000008c;cursor:move;z-index:10;min-width:20px;min-height:20px;touch-action:none}.crop-selection:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.25) 1px,transparent 1px);background-size:33.333% 33.333%;pointer-events:none}.crop-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #e07203;border-radius:50%;z-index:11;touch-action:none}.crop-handle-nw{top:-7px;left:-7px;cursor:nw-resize}.crop-handle-ne{top:-7px;right:-7px;cursor:ne-resize}.crop-handle-sw{bottom:-7px;left:-7px;cursor:sw-resize}.crop-handle-se{bottom:-7px;right:-7px;cursor:se-resize}.crop-original-hint{font-family:var(--font-sans);font-size:11px;font-weight:600;color:#64748b}html[data-theme=dark] .crop-original-hint{color:#94a3b8}.crop-rotation-row{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.crop-label{font-family:var(--font-sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}html[data-theme=dark] .crop-label,.dark .crop-label{color:#a1a1aa}.crop-rotation-controls{display:flex;gap:6px}.crop-rot-snap{font-family:var(--font-sans);font-size:11px;font-weight:600;padding:6px 12px;background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s ease;flex:1;text-align:center}.crop-rot-snap:hover{border-color:#e07203;color:#e07203}.crop-rot-snap.active{background:#e07203;color:#fff;border-color:#e07203}html[data-theme=dark] .crop-rot-snap,.dark .crop-rot-snap{background:#27272a;border-color:#3f3f46;color:#d4d4d8}html[data-theme=dark] .crop-rot-snap:hover,.dark .crop-rot-snap:hover{border-color:#e07203;color:#e07203}html[data-theme=dark] .crop-rot-snap.active,.dark .crop-rot-snap.active{background:#e07203;color:#fff;border-color:#e07203}.crop-rotation-slider-row{display:flex;align-items:center;gap:10px}.crop-rotation-slider-row input[type=range]{flex:1;height:6px;appearance:none;background:#e2e8f0;border-radius:3px;outline:none;cursor:pointer}.crop-rotation-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#e07203;border:2px solid #fff;box-shadow:0 1px 4px #0003;cursor:pointer}.crop-rotation-slider-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#e07203;border:2px solid #fff;box-shadow:0 1px 4px #0003;cursor:pointer}html[data-theme=dark] .crop-rotation-slider-row input[type=range],.dark .crop-rotation-slider-row input[type=range]{background:#3f3f46}#crop-rotation-value{font-family:var(--font-mono, monospace);font-size:12px;font-weight:600;color:#e07203;min-width:40px;text-align:right}@media(max-width:480px){.crop-preset-btn{min-width:48px;font-size:11px;padding:8px}.crop-rotation-controls{flex-wrap:wrap}}