.image-upload-container{width:100%;max-width:540px;margin:0 auto;position:relative}.image-upload-container.enhanced-upload{justify-content:center;align-items:center;margin-bottom:0;display:flex}.upload-button-enhanced{background:var(--studio-accent);color:var(--studio-bg-deep);border-radius:var(--radius-xl);padding:var(--space-6)var(--space-10);font-family:var(--font-body);font-size:var(--text-h4);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-base)var(--ease-out-expo);box-shadow:var(--shadow-lg),var(--shadow-glow-sm);width:100%;max-width:400px;min-height:88px;letter-spacing:var(--tracking-tight);border:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.upload-button-enhanced:before{content:"";width:100%;height:100%;transition:left .5s var(--ease-out-expo);background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);position:absolute;top:0;left:-100%}.upload-button-enhanced:hover:before{left:100%}.upload-button-enhanced:hover{background:var(--studio-accent-hover);box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-3px)}.upload-button-enhanced:active{transform:translateY(-1px)}.upload-button-enhanced.dragging{background:var(--studio-accent-hover);box-shadow:0 0 0 3px var(--studio-accent-muted),var(--shadow-glow);animation:1.5s ease-in-out infinite glowPulse;transform:scale(1.02)}.upload-button-text{font-size:var(--text-h4);font-weight:var(--weight-bold);line-height:1.2;display:block}.upload-button-subtext{font-size:var(--text-small);font-weight:var(--weight-medium);opacity:.7;margin-top:var(--space-1);display:block}.upload-button-usage{font-size:var(--text-micro);font-weight:var(--weight-medium);opacity:.6;margin-top:var(--space-2);letter-spacing:var(--tracking-wide);display:block}.upload-button-usage--warning{opacity:.9;color:var(--studio-warning,#f59e0b)}.upload-button-usage--critical{opacity:1;color:var(--studio-error,#ef4444)}.dropzone{border:2px dashed var(--studio-border);border-radius:var(--radius-2xl);padding:var(--space-12)var(--space-8);text-align:center;cursor:pointer;transition:all var(--duration-base)var(--ease-out-expo);background:var(--studio-bg-elevated);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.dropzone:before{content:"";opacity:var(--grain-opacity);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.dropzone:after{content:"";opacity:0;width:200%;height:200%;transition:opacity var(--duration-base)var(--ease-out);pointer-events:none;background:radial-gradient(#06b6d41a 0%,#0000 50%);position:absolute;top:-50%;left:-50%}.dropzone:hover:after{opacity:1}.dropzone:hover{border-color:var(--studio-border-accent);background:var(--studio-bg-surface);box-shadow:var(--shadow-xl),var(--shadow-glow-sm);transform:translateY(-2px)}.dropzone-dragging{border-color:var(--studio-accent);background:var(--studio-bg-surface);box-shadow:0 0 0 3px var(--studio-accent-muted),var(--shadow-glow);animation:1.5s ease-in-out infinite glowPulse;transform:translateY(-4px)scale(1.01)}.dropzone-content{z-index:1;position:relative}.dropzone-content h3{font-family:var(--font-display);color:var(--studio-text-primary);margin:var(--space-4)0 var(--space-2)0;font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.dropzone-content p{color:var(--studio-text-secondary);margin:var(--space-2)0;font-size:var(--text-body);font-weight:var(--weight-medium);line-height:var(--leading-relaxed)}.browse-link{color:var(--studio-accent);font-weight:var(--weight-semibold);transition:all var(--duration-base)var(--ease-out);border-bottom:1px solid #0000;text-decoration:none}.browse-link:hover{border-bottom-color:var(--studio-accent);text-shadow:0 0 12px var(--studio-accent-glow)}.upload-icon{margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.upload-icon svg{width:64px;height:64px;color:var(--studio-accent);transition:all var(--duration-base)var(--ease-out-expo);filter:drop-shadow(0 0 8px var(--studio-accent-glow))}.dropzone:hover .upload-icon svg{color:var(--studio-accent-hover);filter:drop-shadow(0 0 16px var(--studio-accent-glow));transform:scale(1.1)translateY(-2px)}.file-info{font-size:var(--text-small);color:var(--studio-text-muted);margin-top:var(--space-4);font-weight:var(--weight-medium)}.trust-signals{justify-content:center;gap:var(--space-4)var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--studio-border);flex-wrap:wrap;display:flex}.trust-item{align-items:center;gap:var(--space-1);text-align:center;opacity:.7;transition:all var(--duration-base)var(--ease-out-expo);flex-direction:column;display:flex}.trust-item:hover{opacity:1;transform:translateY(-2px)}.trust-icon{font-size:var(--text-h4);margin-bottom:var(--space-1);filter:grayscale(.3);transition:filter var(--duration-base)var(--ease-out)}.trust-item:hover .trust-icon{filter:grayscale(0)}.trust-text{font-size:var(--text-micro);color:var(--studio-text-muted);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.trust-item.usage-hint{color:var(--studio-text-secondary);opacity:.9}.trust-item.usage-hint .trust-text{color:var(--studio-text-secondary)}.trust-item.usage-hint--warning{opacity:1}.trust-item.usage-hint--warning .trust-text{color:var(--studio-warning,#f59e0b)}.trust-item.usage-hint--critical{opacity:1}.trust-item.usage-hint--critical .trust-text{color:var(--studio-error,#ef4444)}.upload-preview-container{background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.upload-preview-container:before{content:"";opacity:var(--grain-opacity);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.preview-section{align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);z-index:1;display:flex;position:relative}.preview-image{object-fit:cover;border-radius:var(--radius-xl);border:2px solid var(--studio-border);width:120px;height:120px;box-shadow:var(--shadow-md);transition:all var(--duration-base)var(--ease-out-expo);background-image:linear-gradient(45deg,var(--studio-bg-surface)25%,transparent 25%),linear-gradient(-45deg,var(--studio-bg-surface)25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--studio-bg-surface)75%),linear-gradient(-45deg,transparent 75%,var(--studio-bg-surface)75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;background-color:var(--studio-bg-deep)}.preview-image:hover{border-color:var(--studio-border-accent);box-shadow:var(--shadow-lg),var(--shadow-glow-sm);transform:scale(1.05)}.file-info-section{z-index:1;flex:1;position:relative}.file-name{font-family:var(--font-body);font-weight:var(--weight-bold);color:var(--studio-text-primary);margin:0 0 var(--space-2)0;font-size:var(--text-body);letter-spacing:var(--tracking-tight);word-break:break-word}.file-size{color:var(--studio-text-muted);font-size:var(--text-small);font-weight:var(--weight-medium);margin:0}.upload-actions{gap:var(--space-3);z-index:1;justify-content:flex-end;display:flex;position:relative}.btn{font-family:var(--font-body);padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);font-weight:var(--weight-semibold);font-size:var(--text-small);cursor:pointer;transition:all var(--duration-base)var(--ease-out-expo);justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;letter-spacing:var(--tracking-normal);border:none;display:flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--studio-bg-surface);color:var(--studio-text-secondary);border:1px solid var(--studio-border)}.btn-secondary:hover:not(:disabled){color:var(--studio-text-primary);border-color:var(--studio-border-strong);background:var(--studio-bg-hover);transform:translateY(-1px)}.btn-primary{background:var(--studio-accent);color:var(--studio-bg-deep);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.btn-primary:hover:not(:disabled){background:var(--studio-accent-hover);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.loading-spinner{border:2px solid #0a0a0c4d;border-top:2px solid var(--studio-bg-deep);border-radius:var(--radius-full);width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:var(--studio-error);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);margin-top:var(--space-4);align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:var(--weight-medium);box-shadow:var(--shadow-sm);background:#ef44441a;border:1px solid #ef44444d;display:flex}.error-icon{font-size:var(--text-body);flex-shrink:0}[data-theme=light] .dropzone{background:var(--studio-bg-elevated);border-color:var(--studio-border)}[data-theme=light] .dropzone:hover{background:var(--studio-bg-surface)}[data-theme=light] .dropzone-content h3{color:var(--studio-text-primary)}[data-theme=light] .upload-preview-container{background:var(--studio-bg-elevated)}[data-theme=light] .preview-image{background-color:var(--studio-bg-primary)}[data-theme=light] .btn-secondary{background:var(--studio-bg-surface);color:var(--studio-text-secondary)}[data-theme=light] .btn-secondary:hover:not(:disabled){background:var(--studio-bg-hover);color:var(--studio-text-primary)}[data-theme=light] .upload-button-enhanced{color:var(--studio-bg-primary)}[data-theme=light] .error-message{background:#ef444414;border-color:#ef444433}@media (max-width:768px){.image-upload-container{max-width:100%}.dropzone{padding:var(--space-10)var(--space-6)}.dropzone-content h3{font-size:var(--text-h4)}.preview-section{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column}.preview-image{width:100px;height:100px}.upload-actions{flex-direction:column}.btn{justify-content:center;width:100%}.trust-signals{gap:var(--space-4);flex-wrap:wrap}.trust-item{min-width:100px}.upload-button-enhanced{padding:var(--space-4)var(--space-6);min-height:76px}.upload-button-text{font-size:var(--text-body)}.upload-button-subtext{font-size:var(--text-micro)}}@media (max-width:480px){.dropzone{padding:var(--space-8)var(--space-4)}.upload-icon svg{width:48px;height:48px}.dropzone-content h3{font-size:var(--text-subheading)}.dropzone-content p{font-size:var(--text-small)}.trust-signals{gap:var(--space-3)}.trust-item{min-width:80px}.trust-text{font-size:10px}}@media (prefers-reduced-motion:reduce){.dropzone,.dropzone:hover,.dropzone-dragging,.upload-button-enhanced,.upload-button-enhanced:hover,.preview-image,.btn{transition:none;animation:none}.upload-button-enhanced:before{display:none}}