.generation-loader{position:relative;width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--sg-canvas-deep)}.generation-loader-bg{position:absolute;inset:0;z-index:0}.generation-loader-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--brand-cyan-rgb),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--brand-cyan-rgb),.03) 1px,transparent 1px);background-size:30px 30px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.generation-loader-gradient{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(var(--brand-cyan-rgb),.08) 0,rgba(var(--brand-cyan-rgb),.06) 40%,transparent 70%);animation:gradientPulse 4s ease-in-out infinite}@keyframes gradientPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.generation-loader-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-10)}.generation-loader-spinner-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.generation-loader-spinner{width:100%;height:100%;animation:spinnerRotate 3s linear infinite;filter:drop-shadow(0 0 20px rgba(var(--brand-cyan-rgb),.4))}@keyframes spinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.generation-loader-spinner-track{stroke:var(--sg-white-08);stroke-dasharray:264;stroke-dashoffset:0}.generation-loader-spinner-progress{stroke-dasharray:264;stroke-dashoffset:66;transform-origin:center;animation:spinnerProgress 2s ease-in-out infinite}@keyframes spinnerProgress{0%,to{stroke-dashoffset:66}50%{stroke-dashoffset:198}}.generation-loader-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-accent);animation:iconPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(var(--brand-cyan-rgb),.5))}@keyframes iconPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.generation-loader-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;max-width:400px}.generation-loader-title{font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;font-size:var(--text-title-md);font-weight:var(--font-semibold);line-height:1.4;letter-spacing:-.01em;color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);margin:0}@keyframes titleShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.generation-loader-subtitle{font-size:var(--text-sm);color:var(--sg-white-70)}.generation-loader-info,.generation-loader-subtitle{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);line-height:1.5;margin:0}.generation-loader-info{font-size:var(--text-xs);color:var(--sg-white-50);animation:infoFade 2s ease-in-out infinite}@keyframes infoFade{0%,to{opacity:.5}50%{opacity:1}}.generation-loader-progress{width:100%;max-width:320px}.generation-loader-progress-bar{width:100%;height:6px;background:var(--bg-glass);border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:inset 0 0 10px var(--sg-black-30)}.generation-loader-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-cyan) 0,var(--brand-cyan) 50%,var(--brand-cyan) 100%);border-radius:var(--radius-md);animation:progressFill 3s ease-in-out infinite;box-shadow:0 0 15px rgba(var(--brand-cyan-rgb),.6);position:relative}.generation-loader-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--sg-white-28),transparent);animation:progressShine 1.5s ease-in-out infinite}@keyframes progressFill{0%{width:20%}50%{width:70%}to{width:20%}}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.generation-particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.generation-particle{position:absolute;width:4px;height:4px;border-radius:var(--radius-circle);background:linear-gradient(135deg,var(--brand-cyan),var(--brand-cyan));box-shadow:0 0 10px rgba(var(--brand-cyan-rgb),.6);animation:particleFloat 8s ease-in-out infinite;opacity:0}.generation-particle:first-child{left:10%;animation-delay:0s;animation-duration:6s}.generation-particle:nth-child(2){left:25%;animation-delay:1.5s;animation-duration:7s}.generation-particle:nth-child(3){left:50%;animation-delay:3s;animation-duration:8s}.generation-particle:nth-child(4){left:70%;animation-delay:4.5s;animation-duration:6.5s}.generation-particle:nth-child(5){left:85%;animation-delay:2s;animation-duration:7.5s}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}@media (max-width:768px){.generation-loader{min-height:350px}.generation-loader-content{gap:var(--space-6);padding:var(--space-8) var(--space-5)}.generation-loader-spinner-wrapper{width:120px;height:120px}.generation-loader-icon svg{width:28px;height:28px}.generation-loader-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.generation-loader-subtitle{font-size:var(--text-ms);font-weight:var(--font-normal)}.generation-loader-info{font-size:var(--text-2xs)}.generation-loader-progress{max-width:280px}}@media (max-width:480px){.generation-loader{min-height:320px}.generation-loader-content{gap:var(--space-5);padding:var(--space-6) var(--space-4)}.generation-loader-spinner-wrapper{width:100px;height:100px}.generation-loader-icon svg{width:24px;height:24px}.generation-loader-title{font-size:var(--text-base);font-weight:var(--font-semibold)}.generation-loader-subtitle{font-size:var(--text-xs);font-weight:var(--font-normal)}.generation-loader-info{font-size:var(--text-xxs)}.generation-loader-progress{max-width:240px}.generation-loader-progress-bar{height:5px}}@media (prefers-reduced-motion:reduce){.generation-loader-gradient,.generation-loader-grid,.generation-loader-icon,.generation-loader-progress-fill,.generation-loader-spinner,.generation-particle{animation:none}.generation-loader-spinner-progress{animation:none;stroke-dashoffset:132}.generation-loader-progress-fill{width:50%}}.generation-minimize-btn{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1.5px solid var(--sg-white-15);background:var(--sg-black-70);background:var(--bg-glass);color:var(--sg-white-85);cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);overflow:hidden;padding:0}.generation-minimize-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(var(--brand-cyan-rgb),.25),transparent 70%);opacity:0;transition:opacity .3s cubic-bezier(.22,1,.36,1);border-radius:inherit}@media (hover:hover){.generation-minimize-btn:hover:before{opacity:1}.generation-minimize-btn:hover{border-color:rgba(var(--brand-cyan-rgb),.5);background:var(--sg-black-85);color:var(--text-accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--brand-cyan-rgb),.25),0 0 0 1px rgba(var(--brand-cyan-rgb),.1) inset}}.generation-minimize-btn:active{transform:translateY(0);box-shadow:0 4px 12px rgba(var(--brand-cyan-rgb),.2)}.generation-minimize-btn svg{position:relative;z-index:1;transition:transform .3s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 4px rgba(var(--brand-cyan-rgb),0))}@media (hover:hover){.generation-minimize-btn:hover svg{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(var(--brand-cyan-rgb),.4))}}@media (max-width:768px){.generation-minimize-btn{width:44px;height:44px;top:calc(16px + env(safe-area-inset-top, 0px));right:var(--space-4)}.generation-minimize-btn svg{width:18px;height:18px}}@media (max-width:480px){.generation-minimize-btn{width:44px;height:44px;top:calc(16px + env(safe-area-inset-top, 0px));right:var(--space-4);border-radius:var(--radius-md)}.generation-minimize-btn svg{width:18px;height:18px}}.generation-minimize-btn-top{animation:minimizeBtnFadeIn .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes minimizeBtnFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.generation-minimize-btn-top{animation:none}.generation-minimize-btn svg{transition:none}}.image-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sg-canvas-deep) 0,var(--sg-canvas-elevated) 100%);z-index:10;overflow:hidden}.image-loading-bg{position:absolute;inset:0;z-index:0}.image-loading-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--brand-cyan-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--brand-cyan-rgb),.04) 1px,transparent 1px);background-size:24px 24px;animation:imageGridMove 15s linear infinite;opacity:.6}@keyframes imageGridMove{0%{transform:translate(0)}to{transform:translate(24px,24px)}}.image-loading-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(var(--brand-cyan-rgb),.15) 0,rgba(var(--brand-cyan-rgb),.08) 40%,transparent 70%);animation:imageGlowPulse 3s ease-in-out infinite}@keyframes imageGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.image-loading-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8)}.image-loading-spinner-wrapper{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.image-loading-spinner{width:100%;height:100%;animation:imageSpinnerRotate 2s linear infinite;filter:drop-shadow(0 0 16px rgba(var(--brand-cyan-rgb),.5))}@keyframes imageSpinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-loading-spinner-track{stroke:var(--sg-white-08)}.image-loading-spinner-progress{stroke-dasharray:220;stroke-dashoffset:55;transform-origin:center;animation:imageSpinnerDash 1.8s ease-in-out infinite}@keyframes imageSpinnerDash{0%,to{stroke-dashoffset:55}50%{stroke-dashoffset:165}}.image-loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-success);animation:imageIconPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(var(--brand-cyan-rgb),.6))}@keyframes imageIconPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.85}}.image-loading-text{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.image-loading-title{font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.01em;color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);margin:0}@keyframes imageTitleShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.image-loading-subtitle{font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-ms);font-weight:var(--font-normal);color:var(--sg-white-50);margin:0}.image-loading-dots{display:flex;gap:6px;margin-top:var(--space-1)}.image-loading-dot{width:6px;height:6px;border-radius:var(--radius-circle);background:linear-gradient(135deg,var(--brand-cyan),var(--brand-cyan));animation:imageLoadingDot 1.4s ease-in-out infinite;box-shadow:0 0 8px rgba(var(--brand-cyan-rgb),.5)}.image-loading-dot:first-child{animation-delay:0s}.image-loading-dot:nth-child(2){animation-delay:.2s}.image-loading-dot:nth-child(3){animation-delay:.4s}@keyframes imageLoadingDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@media (max-width:768px){.image-loading-content{gap:var(--space-5);padding:var(--space-6)}.image-loading-spinner-wrapper{width:80px;height:80px}.image-loading-icon svg{width:22px;height:22px}.image-loading-title{font-size:var(--text-base)}.image-loading-subtitle{font-size:var(--text-xs)}}@media (max-width:480px){.image-loading-content{gap:var(--space-4);padding:var(--space-5)}.image-loading-spinner-wrapper{width:64px;height:64px}.image-loading-icon svg{width:18px;height:18px}.image-loading-title{font-size:var(--text-sm)}.image-loading-subtitle{font-size:var(--text-2xs)}.image-loading-dot{width:5px;height:5px}}@media (prefers-reduced-motion:reduce){.image-loading-dot,.image-loading-glow,.image-loading-grid,.image-loading-icon,.image-loading-spinner{animation:none}.image-loading-spinner-progress{animation:none;stroke-dashoffset:110}.image-loading-dot{opacity:.8;transform:scale(1)}}