.convert-wrapper{max-width:1400px}.upload-area{background:var(--bi-surface);border:3px dashed var(--brand);border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease}.upload-area:hover{border-color:var(--brand-strong);background:#f8f9ff;transform:translateY(-2px)}.upload-area.drag-over{border-color:var(--brand-strong);background:#f0f2ff;transform:scale(1.02)}.upload-area i{color:var(--brand);transition:all .3s ease}.upload-area:hover i{color:var(--brand-strong);transform:scale(1.1)}.editor-area{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-container{background:var(--bi-surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014;text-align:center}.preview-image{max-width:100%;max-height:500px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.image-info{margin-top:1rem;padding:.75rem;background:var(--bi-surface-2);border-radius:8px;font-size:.875rem;color:var(--bi-text-muted)}.control-sidebar{background:var(--bi-surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014}.control-sidebar h6{color:var(--bi-text);border-bottom:1px solid var(--bi-border);padding-bottom:.5rem}.form-range{height:8px;border-radius:4px;background:var(--bi-border);-webkit-appearance:none;appearance:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);cursor:pointer;box-shadow:0 2px 6px rgba(var(--brand-rgb),.4);transition:all .2s ease}.form-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(var(--brand-rgb),.5)}.form-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(var(--brand-rgb),.4)}.form-control-color{height:40px;padding:.25rem;border-radius:8px;border:2px solid var(--bi-border);cursor:pointer}.form-control-color:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(var(--brand-rgb),.25)}.result-info .alert{margin-bottom:0;padding:.75rem}.btn{border-radius:8px;font-weight:500;transition:all .3s ease}.btn:hover{transform:translateY(-1px)}@media (max-width: 991px){.preview-container{margin-bottom:1rem}.preview-image{max-height:400px}}html[data-theme=dark] .upload-area:hover,html[data-theme=dark] .upload-area.drag-over{background:#1e3a5f}