.upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;transition:border-color 0.3s ease;background-color:var(--hero-bg);cursor:pointer}.upload-area:hover{border-color:var(--button-primary-bg)}.upload-area.dragover{border-color:var(--button-primary-bg);background-color:var(--alert-info-bg)}.cropper-container{max-height:500px;margin:20px 0;overflow:hidden;border-radius:4px}.preset-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;justify-content:flex-start;align-items:center}.preset-buttons .btn{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap;transition:all 0.2s ease-in-out}.preset-buttons .btn.active{background-color:var(--button-primary-bg);border-color:var(--button-primary-bg);color:var(--button-primary-color);box-shadow:0 2px 4px rgb(0 0 0 / .1)}.preset-buttons .btn:hover:not(.active){transform:translateY(-1px);box-shadow:0 2px 8px rgb(0 0 0 / .15)}.preview-container{text-align:center;margin-top:20px;padding:20px;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.preview-image{max-width:100%;max-height:300px;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.2s ease}.compression-info{margin-top:10px;font-size:.875rem;color:var(--body-color);opacity:.8;line-height:1.5}.compression-info p{margin-bottom:.5rem}.compression-info p:last-child{margin-bottom:0}.download-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}@media (max-width:991px){.preset-buttons{justify-content:center}.upload-area{padding:30px 20px}.download-buttons{flex-direction:column;align-items:center}.download-buttons .btn{width:100%;max-width:200px}}@media (max-width:576px){.cropper-container{max-height:300px;margin:15px 0}.preset-buttons{gap:8px;margin:15px 0}.preset-buttons .btn{font-size:.8rem;padding:.4rem .8rem}.preview-container{margin-top:15px;padding:15px}.preview-image{max-height:200px}.upload-area{padding:20px 15px;font-size:.9rem}}.upload-area:focus-within,.preset-buttons .btn:focus,.download-buttons .btn:focus{outline:2px solid var(--button-primary-bg);outline-offset:2px}@media (prefers-reduced-motion:reduce){.upload-area,.preset-buttons .btn,.preview-image,.download-buttons .btn{transition:none}.preset-buttons .btn:hover:not(.active),.download-buttons .btn:hover,.preview-image:hover{transform:none}}@media (prefers-contrast:high){.upload-area{border-width:3px}.preset-buttons .btn.active{border-width:2px}.preview-image{border-width:2px}}[data-theme="dark"] .upload-area.dragover{background-color:rgba(var(--alert-info-rgb),.1)}[data-theme="dark"] .preview-container{background-color:rgb(255 255 255 / .02)}[data-theme="dark"] .preset-buttons .btn:hover:not(.active),[data-theme="dark"] .download-buttons .btn:hover{box-shadow:0 4px 12px rgb(0 0 0 / .3)}@media print{.upload-area,.preset-buttons,.download-buttons{display:none}.preview-container{box-shadow:none;border:1px solid #000}.preview-image{max-height:none;box-shadow:none}}