.upload-hero{padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-8);text-align:center;background:var(--gradient-hero)}.upload-hero h1{margin-bottom:var(--space-4)}.upload-hero p{font-size:var(--text-lg);max-width:500px;margin:0 auto}.upload-workspace{padding:var(--space-12) 0 var(--space-24)}.upload-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.upload-zone{border:2px dashed var(--color-surface-border);border-radius:var(--radius-xl);padding:var(--space-16) var(--space-8);text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);background:var(--color-bg-card);position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-card);opacity:0;transition:opacity var(--duration-normal)}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--color-accent);background:#a855f70d}.upload-zone.drag-over{border-style:solid;box-shadow:var(--shadow-glow);transform:scale(1.01)}.upload-zone.drag-over:before{opacity:1}.upload-zone.has-file{padding:var(--space-4);border-style:solid;border-color:var(--color-accent)}.upload-icon{font-size:64px;margin-bottom:var(--space-4);opacity:.6}.upload-zone h3{margin-bottom:var(--space-2)}.upload-zone p{font-size:var(--text-sm);color:var(--color-text-muted)}.upload-zone .btn{margin-top:var(--space-6)}.upload-formats{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}.upload-format-tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-sm);color:var(--color-text-muted)}.upload-file-input{display:none}.upload-preview-img{width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-lg)}.upload-preview-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);justify-content:center}.preview-panel{background:var(--color-bg-card);border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);padding:var(--space-6)}.preview-panel h3{margin-bottom:var(--space-6)}.preview-mockup{width:100%;aspect-ratio:1;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:var(--space-6)}.preview-mockup-base{width:100%;height:100%;object-fit:contain;position:absolute}.preview-mockup-design{position:absolute;max-width:45%;max-height:45%;object-fit:contain;top:30%;left:50%;transform:translate(-50%);opacity:.9;mix-blend-mode:multiply;transition:all var(--duration-normal) var(--ease-out)}.preview-placeholder{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.preview-placeholder span{font-size:48px;display:block;margin-bottom:var(--space-3);opacity:.4}.upload-options{display:flex;flex-direction:column;gap:var(--space-6)}.product-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.product-option{background:var(--color-bg-secondary);border:2px solid var(--color-surface-border);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.product-option:hover{border-color:var(--color-accent)}.product-option.selected{border-color:var(--color-accent);background:var(--color-accent-glow)}.product-option-icon{font-size:32px;margin-bottom:var(--space-2)}.product-option-name{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.product-option.selected .product-option-name{color:var(--color-accent)}.upload-add-cart{width:100%;margin-top:var(--space-4)}@media(max-width:768px){.upload-layout{grid-template-columns:1fr}.product-selector{grid-template-columns:repeat(3,1fr)}}