.bg-remove-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)}}.canvas-container{position:relative;background:var(--bi-surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014;text-align:center;overflow:hidden}#previewCanvas{max-width:100%;max-height:500px;cursor:crosshair;border-radius:8px}#previewCanvas.picking{cursor:crosshair}.canvas-hint{position:absolute;top:20px;left:50%;transform:translate(-50%);background:rgba(var(--brand-rgb),.9);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;pointer-events:none;opacity:0;transition:opacity .3s ease}.canvas-container:hover .canvas-hint{opacity:1}.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{width:50px;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)}.btn{border-radius:8px;font-weight:500;transition:all .3s ease}.btn:hover{transform:translateY(-1px)}#pickColorBtn{white-space:nowrap}#pickColorBtn.active{background:var(--brand);color:#fff;border-color:var(--brand)}@media (max-width: 991px){.canvas-container{margin-bottom:1rem}#previewCanvas{max-height:400px}}@media (max-width: 768px){.upload-area{padding:1.5rem 1rem;min-height:180px}.upload-content i{font-size:2.5rem}.canvas-container{min-height:200px}#previewCanvas{max-height:300px}.btn-remove-bg{min-height:44px;width:100%}.result-actions{flex-wrap:wrap;gap:.5rem}.result-actions .btn{min-height:40px;flex:1 1 auto}}html[data-theme=dark] .upload-area:hover,html[data-theme=dark] .upload-area.drag-over{background:#1e3a5f}