.background-remover{gap:var(--space-lg);color:var(--text-primary);flex-direction:column;width:100%;min-height:0;display:flex}.background-remover__intro p{color:var(--text-secondary);max-width:640px;font-size:var(--font-size-md);margin:6px 0 0;line-height:1.6}.background-remover__panel{background:var(--bg-glass-ultra);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid var(--border-glass);box-shadow:var(--shadow-lg);padding:var(--space-xl);box-sizing:border-box;flex-direction:column;width:100%;min-height:450px;display:flex;position:relative;overflow:visible}.background-remover__badge{border-radius:var(--radius-sm);letter-spacing:.05em;margin-bottom:var(--space-lg);text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-block}.badge-best{border:1px solid var(--color-neon-blue);color:var(--color-neon-blue);background:#00f2ff26;box-shadow:0 0 10px #00f2ff33}.badge-good{border:1px solid var(--color-neon-pink);color:var(--color-neon-pink);background:#ff00ff26;box-shadow:0 0 10px #f0f3}.badge-fallback{color:#fffc;background:#ffffff1a;border:1px solid #fff3}.background-remover__upload{border:2px dashed var(--color-neon-blue);border-radius:var(--radius-xl);text-align:center;cursor:pointer;background:#00f2ff08;padding:60px 20px;transition:all .3s;position:relative;overflow:hidden}.background-remover__upload:hover{border-color:var(--color-neon-pink);background:#ff00ff0d;box-shadow:0 0 20px #ff00ff26}.background-remover__upload.drag-active{border-color:var(--color-neon-purple);background:#bc13fe1a;transform:scale(1.02)}.background-remover__file-input{display:none}.background-remover__upload-label{align-items:center;gap:var(--space-md);cursor:pointer;flex-direction:column;display:flex}.upload-icon{opacity:.9;filter:drop-shadow(0 0 10px #00f2ff80);font-size:3.5rem;transition:transform .3s}.background-remover__upload:hover .upload-icon{transform:translateY(-5px)scale(1.1)}.upload-text{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600}.upload-hint{font-size:var(--font-size-md);color:var(--text-tertiary);margin:0}.background-remover__preview-section{gap:var(--space-xl);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.background-remover__result-section{gap:var(--space-lg);box-sizing:border-box;flex-direction:column;width:100%;min-height:0;display:flex}.preview-original,.preview-result{gap:var(--space-sm);flex-direction:column;display:flex}.preview-original h3,.preview-result h3{font-size:var(--font-size-md);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:600}.preview-image-container{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--border-glass);width:100%;max-width:450px;box-shadow:var(--shadow-md);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;flex-shrink:0;justify-content:center;align-items:center;max-height:400px;margin:0 auto;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.preview-image-container{max-width:100%;max-height:300px}}.preview-image{object-fit:contain;width:100%;max-width:100%;height:auto;transition:transform .3s;display:block}.preview-image-container:hover{border-color:var(--color-neon-blue);box-shadow:0 10px 30px #0006,0 0 15px #00f2ff33}.preview-image-container:hover .preview-image{transform:scale(1.03)}.result-comparison{gap:var(--space-lg);margin-bottom:var(--space-lg);box-sizing:border-box;grid-template-columns:repeat(2,1fr);width:100%;display:grid}@media (max-width:768px){.result-comparison{gap:var(--space-md);grid-template-columns:1fr}}.result-info{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--bg-glass-light);border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid var(--border-glass);flex-flow:wrap;font-size:.875rem;display:flex}.result-info-separator{color:var(--text-disabled)}.background-remover__status{gap:var(--space-lg);text-align:center;min-height:320px;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.background-remover__status--loading{gap:var(--space-xl);height:100%;min-height:300px}.background-remover__status--loading p{color:var(--text-secondary);margin:0}.background-remover__error{padding:var(--space-lg);border-radius:var(--radius-lg);color:#ff8fa6;text-align:center;background:#ff3b301a;border:1px solid #ff3b304d}.background-remover__error p{margin:0 0 var(--space-md)0}.background-remover__actions{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;flex-shrink:0;justify-content:center;display:flex}.bg-button{border-radius:var(--radius-round);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;padding:12px 28px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1)}.bg-button--primary{background:var(--color-accent-vib);color:#fff;box-shadow:var(--shadow-neon-glow)}.bg-button--primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 20px #f0f9}.bg-button--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.bg-button--ghost{border:1px solid var(--text-tertiary);color:var(--text-secondary);background:0 0}.bg-button--ghost:hover:not(:disabled){border-color:var(--text-primary);color:var(--text-primary);background:#ffffff0d}.magic-sphere-loader{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.magic-sphere{background:radial-gradient(circle at 30% 30%,var(--color-neon-blue)0%,var(--color-neon-purple)50%,var(--color-neon-pink)100%);z-index:2;border-radius:50%;width:120px;height:120px;animation:2s ease-in-out infinite sphere-pulse;position:relative;box-shadow:0 0 60px #00f2ff80,0 0 100px #bc13fe4d,inset -20px -20px 40px #00000080,inset 20px 20px 40px #fff3}.sphere-core{background:radial-gradient(circle,#fff 0%,#e0e0ff 100%);border-radius:50%;width:40px;height:40px;animation:1.5s ease-in-out infinite alternate core-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #fff}.sphere-glow{opacity:.6;border-radius:50%;width:140px;height:140px;animation:2.5s ease-in-out infinite glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sphere-glow--blue{background:radial-gradient(circle,var(--color-neon-blue)0%,transparent 70%);animation-delay:0s}.sphere-glow--magenta{background:radial-gradient(circle,var(--color-neon-pink)0%,transparent 70%);animation-delay:1.25s}.orbital-ring{border:1px solid #ffffff1a;border-radius:50%;width:180px;height:180px;animation:8s linear infinite ring-rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbital-dot{background:var(--color-neon-blue);width:6px;height:6px;box-shadow:0 0 8px var(--color-neon-blue);transform-origin:0 93px;transform:rotate(calc(var(--index)*360deg/var(--total)));animation:1.5s ease-in-out infinite dot-pulse;animation-delay:calc(var(--index)*.1s);border-radius:50%;position:absolute;top:-3px;left:50%}.floating-particle{width:4px;height:4px;box-shadow:0 0 6px var(--color-neon-blue);animation:3s ease-in-out infinite particle-float;animation-delay:var(--particle-delay);background:#fff9;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.magic-aura{z-index:1;background:radial-gradient(circle,#00f2ff1a 0%,#bc13fe0d 40%,#0000 70%);border-radius:50%;width:250px;height:250px;animation:3s ease-in-out infinite aura-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.magic-loading-text{background:linear-gradient(135deg,var(--color-neon-blue)0%,var(--color-neon-purple)50%,var(--color-neon-pink)100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-weight:700;position:relative;letter-spacing:.2em!important}@keyframes sphere-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes core-glow{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}@keyframes glow-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}@keyframes ring-rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes dot-pulse{0%,to{opacity:.6;transform:rotate(calc(var(--index)*360deg/var(--total)))scale(1)}50%{opacity:1;transform:rotate(calc(var(--index)*360deg/var(--total)))scale(1.2)}}@keyframes particle-float{0%,to{opacity:0;transform:translate(-50%,-50%)translate(0)scale(.5)}50%{opacity:1;transform:translate(-50%,-50%)translate(calc(cos(var(--particle-index)*45deg)*80px),calc(sin(var(--particle-index)*45deg)*80px))scale(1)}}@keyframes aura-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}.background-remover__info-cards{gap:var(--space-md);padding-top:var(--space-lg);margin-top:var(--space-lg);border-top:1px solid var(--border-glass);grid-template-columns:repeat(3,1fr);display:grid}.info-card{background:var(--bg-glass-light);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--border-glass);transition:all .3s}.info-card:hover{background:var(--bg-glass-strong);border-color:var(--color-neon-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.info-card__title{color:var(--text-primary);letter-spacing:.02em;margin:0 0 8px;font-size:.9rem;font-weight:600}.info-card__description{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.5}@media (max-width:768px){.background-remover{height:100%;min-height:0}.background-remover__panel{padding:var(--space-md);flex:1;min-height:0;max-height:none;overflow:visible}.background-remover__result-section{min-height:0}.background-remover__actions{margin-bottom:calc(80px + env(safe-area-inset-bottom,0px));flex-direction:column;flex-shrink:0;padding-bottom:80px}.bg-button{width:100%}.background-remover__info-cards{gap:var(--space-sm);grid-template-columns:1fr}.preview-image-container{max-width:100%}.result-comparison{margin-bottom:var(--space-md)}}
