.drop-zone{cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:3px dashed #cbd5e1;border-radius:1.5rem;padding:1.5rem 1.25rem;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a}.drop-zone:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f633}.drop-zone.dragging{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#3b82f6;transform:scale(1.02);box-shadow:0 20px 25px -5px #3b82f64d}.drop-zone:has(.drop-zone-label){padding:0}.drop-zone-label{cursor:pointer;width:100%;padding:1.5rem 1.25rem;display:block}.drop-zone-content{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.drop-zone-content .preview-image{object-fit:contain;border-radius:.75rem;width:100%;max-height:200px;box-shadow:0 4px 6px -1px #0000001a}.icon{filter:drop-shadow(0 4px 6px #0000001a);font-size:3rem}.drop-zone p{color:#475569;font-size:.95rem;font-weight:500}.drop-zone small{color:#94a3b8;font-size:.9rem}.drop-zone-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;margin:-1px;padding:0;position:absolute;overflow:hidden;width:1px!important;height:1px!important}.drop-zone-upload{pointer-events:none;border-radius:.75rem;margin-top:.5rem;padding:.75rem 2rem;font-size:1rem;transition:all .2s;display:inline-block}.drop-zone-upload:hover{transform:scale(1.05)}.selected-file{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:1rem;margin:1rem 1.25rem 1.25rem;padding:1rem;box-shadow:0 2px 4px #0000000d}.selected-file p{color:#1e293b;margin:0;font-weight:600}.selected-file small{color:#64748b;font-size:.95rem}[data-theme=dark] .drop-zone{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#475569}[data-theme=dark] .drop-zone:hover{border-color:#60a5fa}[data-theme=dark] .drop-zone.dragging{background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%);border-color:#60a5fa}[data-theme=dark] .drop-zone p{color:#e2e8f0}[data-theme=dark] .drop-zone small{color:#94a3b8}[data-theme=dark] .selected-file{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#334155}[data-theme=dark] .selected-file p{color:#f1f5f9}[data-theme=dark] .selected-file small{color:#94a3b8}@media (max-width:768px){.drop-zone-label{padding:2rem 1.5rem}.selected-file{margin-inline:1.5rem}}
.compression-options{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:1.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000001a}.compression-options fieldset{border:none;margin:0;padding:0}.compression-options legend{color:#1e293b;border-bottom:2px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:700}.compression-options label{cursor:pointer;border:2px solid #0000;border-radius:.75rem;align-items:center;margin-bottom:.5rem;padding:.75rem;transition:all .2s;display:flex}.compression-options label:hover{background:#f1f5f9;border-color:#cbd5e1}.compression-options input[type=radio]{accent-color:#3b82f6;width:1.25rem;height:1.25rem;margin-right:1rem}.slider-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;margin-top:1rem;padding:1rem}.slider-container label{color:#1e293b;cursor:default;border:none;margin-bottom:.75rem;padding:0;font-size:.95rem;font-weight:600;display:block}.slider-container label:hover{background:0 0;border-color:#0000}.quality-slider{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.quality-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.quality-slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.quality-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, #3b82f6 0%, #3b82f6 var(--value,70%), #e2e8f0 var(--value,70%), #e2e8f0 100%);border-radius:3px}[data-theme=dark] .compression-options{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#334155}[data-theme=dark] .compression-options legend{color:#f1f5f9;border-color:#334155}[data-theme=dark] .compression-options label:hover{background:#334155;border-color:#475569}[data-theme=dark] .slider-container{background:#0f172a;border-color:#334155}[data-theme=dark] .slider-container label{color:#f1f5f9}[data-theme=dark] .quality-slider{background:#475569}[data-theme=dark] .quality-slider::-webkit-slider-thumb{background:#60a5fa}[data-theme=dark] .quality-slider::-moz-range-thumb{background:#60a5fa}@media (max-width:768px){.compression-options{padding:1.5rem 1.25rem}}.size-help{color:#475569;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.size-tooltip{color:#1e293b;cursor:help;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-weight:700;display:inline-flex}.help-text{color:#1e293b;font-size:.95rem;font-weight:600}[data-theme=dark] .size-tooltip{color:#cbd5e1;background:#0f172a}