.format-btn{background-color:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.format-btn:hover{background-color:#e5e7eb;color:#374151}.format-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:white}.preset-btn.active,.crop-btn.active{background-color:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.drop-zone{transition:all 0.2s ease}.drop-zone.drag-over{border-color:#3b82f6;background-color:rgba(59,130,246,0.05)}.drop-zone:hover{border-color:#93c5fd}#preview-canvas{border-radius:8px}#crop-overlay{pointer-events:none}#crop-box{pointer-events:auto;box-shadow:0 0 0 9999px rgba(0,0,0,0.5)}.crop-handle{position:absolute;width:12px;height:12px;background-color:white;border:2px solid #3b82f6;border-radius:2px}.crop-handle-nw{top:-6px;left:-6px;cursor:nw-resize}.crop-handle-ne{top:-6px;right:-6px;cursor:ne-resize}.crop-handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.crop-handle-se{bottom:-6px;right:-6px;cursor:se-resize}input[type="range"]{-webkit-appearance:none;appearance:none;height:8px;border-radius:4px;background:#e5e7eb}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.15)}input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,0.15)}input:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}