@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#1a1a1a;--bg-card-hover:#222;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-glow:rgba(139,92,246,.3);--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#666;--border:#2a2a2a;--radius:12px;--radius-lg:20px;--transition:0.3s cubic-bezier(0.4,0,0.2,1);--navbar-bg:hsla(0,0%,4%,.8);--shadow-card:0 2px 16px rgba(0,0,0,.4)}[data-theme=light]{--bg-primary:#f8f8fc;--bg-secondary:#f0eff8;--bg-card:#fff;--bg-card-hover:#f3f2fb;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-glow:rgba(124,58,237,.2);--text-primary:#0f0f1a;--text-secondary:#4b4b6a;--text-muted:#88a;--border:#e0dff0;--navbar-bg:rgba(248,248,252,.85);--shadow-card:0 2px 16px rgba(100,80,200,.08)}[data-theme=light] body{background-color:#0a0a0a;background-color:var(--bg-primary);color:#f5f5f5;color:var(--text-primary)}[data-theme=light] .navbar{background:hsla(0,0%,4%,.8);background:var(--navbar-bg);border-bottom-color:#2a2a2a;border-bottom-color:var(--border)}[data-theme=light] .hero-orb-1{background:radial-gradient(circle,rgba(124,58,237,.2) 0,rgba(124,58,237,.06) 50%,transparent 70%)}[data-theme=light] .hero-orb-2{background:radial-gradient(circle,rgba(167,139,250,.15) 0,transparent 65%)}[data-theme=light] .hero-orb-3{background:radial-gradient(circle,rgba(244,114,182,.12) 0,transparent 65%)}[data-theme=light] .create-preview-panel,[data-theme=light] .gallery-card,[data-theme=light] .gift-reason-card,[data-theme=light] .preview-empty,[data-theme=light] .step-card{box-shadow:0 2px 16px rgba(0,0,0,.4);box-shadow:var(--shadow-card)}[data-theme=light] .prompt-input-wrap input{background:#fff;color:#f5f5f5;color:var(--text-primary)}.App,.footer,.gallery-card,.gift-reason-card,.navbar,.preview-empty,.prompt-input-wrap input,.step-card,body{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{-webkit-font-smoothing:antialiased;background-color:#0a0a0a;background-color:var(--bg-primary);color:#f5f5f5;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,4%,.8);background:var(--navbar-bg,hsla(0,0%,4%,.8));border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:100}.navbar,.navbar-right{align-items:center;display:flex}.navbar-right{gap:1.5rem}.theme-toggle{align-items:center;background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:50%;color:#a3a3a3;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),-webkit-transform .2s ease;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .2s ease;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .2s ease,-webkit-transform .2s ease;transition:background var(--transition),color var(--transition),border-color var(--transition),-webkit-transform .2s ease;transition:background var(--transition),color var(--transition),border-color var(--transition),transform .2s ease;transition:background var(--transition),color var(--transition),border-color var(--transition),transform .2s ease,-webkit-transform .2s ease;width:36px}.theme-toggle:hover{background:#222;background:var(--bg-card-hover);border-color:#8b5cf6;border-color:var(--accent);color:#8b5cf6;color:var(--accent);-webkit-transform:rotate(20deg) scale(1.08);transform:rotate(20deg) scale(1.08)}.sound-toggle:hover{-webkit-transform:scale(1.12)!important;transform:scale(1.12)!important}.sound-toggle.muted{opacity:.55}.navbar-logo{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6,#c084fc);background:linear-gradient(135deg,var(--accent),#c084fc);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.navbar-links{display:flex;gap:2rem;list-style:none}.navbar-links a{color:#a3a3a3;color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.navbar-links a:hover{color:#8b5cf6;color:var(--accent)}.hero{overflow:hidden;padding:10rem 2rem 4rem;position:relative;text-align:center}@-webkit-keyframes orbFloat1{0%,to{opacity:.55;-webkit-transform:scale(1);transform:scale(1)}33%{opacity:.7;-webkit-transform:translate(-10%,-8%) scale(1.12);transform:translate(-10%,-8%) scale(1.12)}66%{opacity:.5;-webkit-transform:translate(8%,6%) scale(.92);transform:translate(8%,6%) scale(.92)}}@keyframes orbFloat1{0%,to{opacity:.55;-webkit-transform:scale(1);transform:scale(1)}33%{opacity:.7;-webkit-transform:translate(-10%,-8%) scale(1.12);transform:translate(-10%,-8%) scale(1.12)}66%{opacity:.5;-webkit-transform:translate(8%,6%) scale(.92);transform:translate(8%,6%) scale(.92)}}@-webkit-keyframes orbFloat2{0%,to{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}40%{opacity:.45;-webkit-transform:translate(8%,-12%) scale(1.18);transform:translate(8%,-12%) scale(1.18)}75%{opacity:.25;-webkit-transform:translate(-5%,8%) scale(.88);transform:translate(-5%,8%) scale(.88)}}@keyframes orbFloat2{0%,to{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}40%{opacity:.45;-webkit-transform:translate(8%,-12%) scale(1.18);transform:translate(8%,-12%) scale(1.18)}75%{opacity:.25;-webkit-transform:translate(-5%,8%) scale(.88);transform:translate(-5%,8%) scale(.88)}}@-webkit-keyframes orbFloat3{0%,to{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}30%{opacity:.35;-webkit-transform:translate(-10%,10%) scale(1.1);transform:translate(-10%,10%) scale(1.1)}65%{opacity:.18;-webkit-transform:translate(6%,-5%) scale(.95);transform:translate(6%,-5%) scale(.95)}}@keyframes orbFloat3{0%,to{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}30%{opacity:.35;-webkit-transform:translate(-10%,10%) scale(1.1);transform:translate(-10%,10%) scale(1.1)}65%{opacity:.18;-webkit-transform:translate(6%,-5%) scale(.95);transform:translate(6%,-5%) scale(.95)}}.hero-orb{border-radius:50%;-webkit-filter:blur(60px);filter:blur(60px);pointer-events:none;position:absolute;z-index:0}.hero-orb--inner{bottom:auto;left:auto;position:relative;right:auto;top:auto}.hero-orb-1{-webkit-animation:orbFloat1 12s ease-in-out infinite;animation:orbFloat1 12s ease-in-out infinite;background:radial-gradient(circle,rgba(139,92,246,.45) 0,rgba(139,92,246,.1) 50%,transparent 70%);height:700px;left:50%;top:-20%;width:700px}.hero-orb-2{-webkit-animation:orbFloat2 16s ease-in-out infinite;animation:orbFloat2 16s ease-in-out infinite;background:radial-gradient(circle,rgba(192,132,252,.3) 0,transparent 65%);height:420px;left:15%;top:10%;width:420px}.hero-orb-3{-webkit-animation:orbFloat3 20s ease-in-out infinite;animation:orbFloat3 20s ease-in-out infinite;background:radial-gradient(circle,rgba(244,114,182,.2) 0,transparent 65%);height:360px;right:10%;top:5%;width:360px}.hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;position:relative;z-index:1}.hero h1 .gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6,#c084fc,#f472b6);background:linear-gradient(135deg,var(--accent),#c084fc,#f472b6);-webkit-background-clip:text;background-clip:text}.typewriter-word{display:inline-block;min-height:1.2em;white-space:nowrap}.typewriter-cursor{-webkit-text-fill-color:#c084fc;color:#c084fc;display:inline-block;font-weight:300;margin-left:2px;opacity:1}.typewriter-cursor--blink{-webkit-animation:tw-blink .9s step-end infinite;animation:tw-blink .9s step-end infinite}@-webkit-keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}.hero p{color:#a3a3a3;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.25rem);margin:0 auto 2rem;max-width:600px}.hero p,.hero-badge{position:relative;z-index:1}.hero-badge{align-items:center;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:999px;color:#c084fc;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem}.hero-products{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;position:relative;z-index:1}.hero-product-badge{background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:999px;display:flex;font-size:.9rem;font-weight:500;gap:.4rem;padding:.5rem 1.2rem}.gift-banner,.hero-product-badge{align-items:center;color:#a3a3a3;color:var(--text-secondary)}.gift-banner{background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(251,146,60,.08));border:1px solid rgba(251,191,36,.25);border-radius:999px;display:inline-flex;font-size:.95rem;gap:.6rem;margin-top:1.5rem;padding:.6rem 1.4rem;position:relative;z-index:1}.gift-banner strong{color:#fbbf24}.gift-icon{font-size:1.1rem}.gift-section{background:linear-gradient(180deg,transparent,rgba(139,92,246,.04),transparent);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);border-top:1px solid #2a2a2a;border-top:1px solid var(--border);padding:6rem 2rem}.gift-section-inner{margin:0 auto;max-width:1100px;text-align:center}.gift-section-label{align-items:center;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2);border-radius:999px;color:#fbbf24;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;letter-spacing:.02em;margin-bottom:1.5rem;padding:.4rem 1rem}.gift-reasons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin:3rem 0}@media (max-width:900px){.gift-reasons{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.gift-reasons{grid-template-columns:1fr}}.gift-reason-card{background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);padding:2rem 1.5rem;transition:border-color .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transition:border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),-webkit-transform var(--transition);transition:border-color var(--transition),transform var(--transition);transition:border-color var(--transition),transform var(--transition),-webkit-transform var(--transition)}.gift-reason-card:hover{border-color:#fbbf24;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.gift-reason-icon{font-size:2rem;margin-bottom:.75rem}.gift-reason-card h4{color:#f5f5f5;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.5rem}.gift-reason-card p{color:#a3a3a3;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.gift-cta-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:999px;box-shadow:0 4px 20px rgba(245,158,11,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:700;gap:.5rem;padding:1rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.gift-cta-btn:hover{box-shadow:0 8px 30px rgba(245,158,11,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.trending-prompts{align-items:center;-webkit-animation:fadeInUp .5s ease both;animation:fadeInUp .5s ease both;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:-1rem auto 1.5rem;max-width:900px;padding:0 2rem}.trending-label{color:#666;color:var(--text-muted,#888);flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.trending-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.trending-chip{align-items:center;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);border-radius:999px;color:#f5f5f5;color:var(--text-primary,#e5e7eb);cursor:pointer;display:inline-flex;font-size:.75rem;gap:.35rem;max-width:220px;padding:.3rem .7rem;transition:background .2s,border-color .2s,-webkit-transform .15s;transition:background .2s,border-color .2s,transform .15s;transition:background .2s,border-color .2s,transform .15s,-webkit-transform .15s;white-space:nowrap}.trending-chip:hover{background:rgba(168,85,247,.22);border-color:rgba(168,85,247,.5);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.trending-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-chip-count{color:#a855f7;color:var(--accent-purple,#a855f7);flex-shrink:0;font-size:.65rem;font-weight:700}.create-section{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:4rem 2rem 6rem 5rem;position:relative}.create-section:before{background:linear-gradient(180deg,#fbbf24,#fbbf24);border-radius:2px;bottom:0;box-shadow:0 0 16px rgba(251,191,36,.4);content:"";left:1.5rem;position:absolute;top:0;width:4px}.step-badge-inline{align-items:center;background:#fbbf24;border-radius:50%;box-shadow:0 0 12px rgba(251,191,36,.5);color:#000;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:800;height:2rem;justify-content:center;margin-right:.75rem;width:2rem}.step-1{top:4rem}.step-2{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.step-3{bottom:3rem}.generated-image-container{display:inline-block;max-width:500px;position:relative;width:100%}.generated-image-preview{border-radius:12px;display:block;height:auto;object-fit:contain;width:100%}.ai-watermark-badge{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;bottom:12px;display:flex;gap:5px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;right:12px;-webkit-transform:translateY(4px);transform:translateY(4px);transition:opacity .25s ease,-webkit-transform .25s ease;transition:opacity .25s ease,transform .25s ease;transition:opacity .25s ease,transform .25s ease,-webkit-transform .25s ease}.generated-image-container:hover .ai-watermark-badge{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.ai-watermark-icon{font-size:.75rem;line-height:1}.ai-watermark-text{color:hsla(0,0%,100%,.85);font-size:.7rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.products-indicator{background:rgba(139,92,246,.1);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.btn-see-products{background:#8b5cf6;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s}.btn-see-products:hover{background:#7c3aed;background:var(--accent-hover);box-shadow:0 4px 12px rgba(139,92,246,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.real-products-section{background:#0a0a0a;background:var(--bg-primary);margin-top:2rem;padding:4rem 2rem;width:100%}.real-products-header{border-bottom:2px solid #2a2a2a;border-bottom:2px solid var(--border);margin:0 auto 2rem;max-width:1200px;padding-bottom:1.5rem}.real-products-header h2{color:#f5f5f5;color:var(--text-primary);font-size:1.75rem;font-weight:700}.create-left{display:flex;flex-direction:column;gap:1.5rem}.create-title{font-size:2rem;font-weight:800}.create-subtitle{color:#a3a3a3;color:var(--text-secondary);margin-top:-1rem}.create-actions{display:flex;flex-direction:column;gap:1.25rem}.dalle-badge{align-items:center;color:#666;color:var(--text-muted);display:inline-flex;font-size:.72rem;gap:.4rem;letter-spacing:.03em;margin-top:.5rem;opacity:.7;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.dalle-badge:hover{opacity:1}.dalle-badge-dot{background:#8b5cf6;background:var(--accent);border-radius:50%;flex-shrink:0;height:6px;opacity:.8;width:6px}.create-right{background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);justify-content:center;min-height:520px;overflow:hidden;position:-webkit-sticky;position:sticky;top:5rem}.create-right,.preview-empty{align-items:center;display:flex}.preview-empty{flex-direction:column;gap:.75rem;padding:3rem;text-align:center}.preview-empty-icon{font-size:3rem;opacity:.4}.preview-empty p{color:#a3a3a3;color:var(--text-secondary);font-size:1rem;font-weight:500}.preview-empty span{color:#666;color:var(--text-muted);font-size:.85rem}.mockup-results-inline{margin-top:.5rem}.mockup-results-inline h4{color:#a3a3a3;color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:1rem}@media (max-width:860px){.create-section{grid-template-columns:1fr;padding-left:2rem}.create-section:before,.step-badge{display:none}.create-right{min-height:400px;position:static}}.prompt-section{margin:0;max-width:100%;padding:0;position:relative}.prompt-form{background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);display:flex;gap:.75rem;padding:.5rem;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition)}.prompt-form:focus-within{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 4px rgba(139,92,246,.3);box-shadow:0 0 0 4px var(--accent-glow)}.prompt-input{background:transparent;border:none;color:#f5f5f5;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:1rem 1.25rem}.prompt-input::-webkit-input-placeholder{color:#666;color:var(--text-muted)}.prompt-input::placeholder{color:#666;color:var(--text-muted)}@-webkit-keyframes promptHighlight{0%{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 0 rgba(139,92,246,.8)}40%{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 8px rgba(139,92,246,.4)}to{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 4px rgba(139,92,246,0)}}@keyframes promptHighlight{0%{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 0 rgba(139,92,246,.8)}40%{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 8px rgba(139,92,246,.4)}to{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 4px rgba(139,92,246,0)}}.prompt-input--highlighted{-webkit-animation:none;animation:none}.prompt-form:has(.prompt-input--highlighted){-webkit-animation:promptHighlight 1.2s cubic-bezier(.4,0,.2,1) forwards;animation:promptHighlight 1.2s cubic-bezier(.4,0,.2,1) forwards;border-color:#8b5cf6;border-color:var(--accent)}.surprise-btn{background:transparent;border:none;border-radius:12px;border-radius:var(--radius);cursor:pointer;flex-shrink:0;font-size:1.25rem;line-height:1;margin-left:.25rem;opacity:.7;padding:.5rem .65rem;transition:opacity .2s,-webkit-transform .2s cubic-bezier(.34,1.56,.64,1);transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s,-webkit-transform .2s cubic-bezier(.34,1.56,.64,1)}.surprise-btn:hover{opacity:1;-webkit-transform:scale(1.2) rotate(20deg);transform:scale(1.2) rotate(20deg)}.surprise-btn:active{-webkit-transform:scale(.92) rotate(-10deg);transform:scale(.92) rotate(-10deg)}.surprise-btn:disabled{cursor:not-allowed;opacity:.3;-webkit-transform:none;transform:none}@-webkit-keyframes surprisePop{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}30%{-webkit-transform:scale(1.4) rotate(25deg);transform:scale(1.4) rotate(25deg)}60%{-webkit-transform:scale(.9) rotate(-10deg);transform:scale(.9) rotate(-10deg)}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}@keyframes surprisePop{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}30%{-webkit-transform:scale(1.4) rotate(25deg);transform:scale(1.4) rotate(25deg)}60%{-webkit-transform:scale(.9) rotate(-10deg);transform:scale(.9) rotate(-10deg)}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}.surprise-btn.surprise-pulse{-webkit-animation:surprisePop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation:surprisePop .5s cubic-bezier(.34,1.56,.64,1) forwards}.enhance-btn{align-items:center;background:transparent;border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#a3a3a3;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.875rem;font-weight:600;gap:4px;justify-content:center;min-width:100px;padding:.75rem 1rem;transition:color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transition:color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition),border-color var(--transition),background var(--transition),-webkit-transform var(--transition);transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition);transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition),-webkit-transform var(--transition);white-space:nowrap}.enhance-btn:hover:not(:disabled){background:rgba(139,92,246,.3);background:var(--accent-glow);border-color:#8b5cf6;border-color:var(--accent);color:#8b5cf6;color:var(--accent);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.enhance-btn:disabled{cursor:not-allowed;opacity:.4;-webkit-transform:none;transform:none}.enhance-btn.enhancing{border-color:#8b5cf6;border-color:var(--accent);color:#8b5cf6;color:var(--accent)}.enhance-btn.enhance-done{background:rgba(34,197,94,.08);border-color:#22c55e;color:#22c55e}.enhance-spinner{-webkit-animation:enhanceSpin .6s linear infinite;animation:enhanceSpin .6s linear infinite;border:2px solid #2a2a2a;border-top-color:#8b5cf6;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:14px;width:14px}@-webkit-keyframes enhanceSpin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes enhanceSpin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.prompt-submit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--accent),var(--accent-hover));border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition),-webkit-transform var(--transition);transition:transform var(--transition),box-shadow var(--transition);transition:transform var(--transition),box-shadow var(--transition),-webkit-transform var(--transition);white-space:nowrap}.prompt-submit:hover{box-shadow:0 4px 20px rgba(139,92,246,.3);box-shadow:0 4px 20px var(--accent-glow);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.prompt-submit:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.prompt-kbd-hint{align-items:center;display:inline-flex;font-size:.7rem;gap:2px;margin-left:8px;opacity:.65;vertical-align:middle}.prompt-kbd-hint kbd{background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,.2);color:#fff;display:inline-block;font-family:inherit;font-size:.68rem;font-weight:600;letter-spacing:0;line-height:1.4;padding:1px 5px}.prompt-history-dropdown{-webkit-animation:historyFadeIn .15s ease;animation:historyFadeIn .15s ease;background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 32px rgba(0,0,0,.4);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}@-webkit-keyframes historyFadeIn{0%{opacity:0;-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes historyFadeIn{0%{opacity:0;-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.prompt-history-header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.5rem .9rem}.prompt-history-label{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.prompt-history-clear,.prompt-history-label{color:#666;color:var(--text-muted);font-size:.75rem}.prompt-history-clear{background:none;border:none;border-radius:4px;cursor:pointer;font-family:inherit;padding:.1rem .4rem;transition:color .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition),background var(--transition)}.prompt-history-clear:hover{background:rgba(139,92,246,.3);background:var(--accent-glow);color:#8b5cf6;color:var(--accent)}.prompt-history-list{list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:.3rem 0}.prompt-history-item{align-items:center;background:none;border:none;color:#a3a3a3;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;gap:.65rem;padding:.6rem .9rem;text-align:left;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:100%}.prompt-history-item:hover{background:#222;background:var(--bg-card-hover);color:#f5f5f5;color:var(--text-primary)}.history-icon{color:#666;color:var(--text-muted);flex-shrink:0;font-size:.75rem;font-style:normal}.history-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-char-counter{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#666;color:var(--text-muted);display:flex;font-size:.72rem;font-variant-numeric:tabular-nums;justify-content:flex-end;letter-spacing:.02em;margin-top:.3rem;padding-right:.25rem;transition:color .2s ease}.prompt-char-counter--warn{color:#f59e0b}.prompt-char-counter--danger{color:#ef4444;font-weight:600}.prompt-sentiment-badge{align-items:center;-webkit-animation:sentimentFadeIn .35s ease;animation:sentimentFadeIn .35s ease;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);border-radius:20px;display:inline-flex;font-size:.78rem;gap:5px;margin-top:.45rem;padding:3px 10px 3px 7px;transition:opacity .3s ease}@-webkit-keyframes sentimentFadeIn{0%{opacity:0;-webkit-transform:translateY(-3px) scale(.95);transform:translateY(-3px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes sentimentFadeIn{0%{opacity:0;-webkit-transform:translateY(-3px) scale(.95);transform:translateY(-3px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.prompt-sentiment-emoji{font-size:1rem;line-height:1}.prompt-sentiment-label{color:#8b5cf6;color:var(--accent,#a78bfa);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}[data-theme=light] .prompt-sentiment-badge{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.2)}[data-theme=light] .prompt-sentiment-label{color:#7c3aed}.prompt-translation-banner{align-items:center;-webkit-animation:translationSlideIn .3s ease;animation:translationSlideIn .3s ease;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(59,130,246,.12));border:1px solid rgba(139,92,246,.35);border-radius:10px;display:flex;flex-wrap:wrap;font-size:.82rem;gap:.5rem;margin-top:.6rem;padding:.55rem .85rem}@-webkit-keyframes translationSlideIn{0%{opacity:0;-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes translationSlideIn{0%{opacity:0;-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.prompt-translation-icon{flex-shrink:0;font-size:1rem}.prompt-translation-text{color:hsla(0,0%,100%,.85);flex:1 1;min-width:160px}.prompt-translation-text strong{color:#a78bfa}.prompt-translation-pill{background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);border-radius:20px;color:#c4b5fd;cursor:default;display:inline-block;flex-shrink:0;font-size:.78rem;font-style:italic;max-width:260px;overflow:hidden;padding:.2rem .65rem;text-overflow:ellipsis;white-space:nowrap}.prompt-translation-dismiss{background:none;border:none;border-radius:4px;color:hsla(0,0%,100%,.4);cursor:pointer;flex-shrink:0;font-size:.75rem;margin-left:auto;padding:.15rem .3rem;transition:color .2s,background .2s}.prompt-translation-dismiss:hover{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.8)}.prompt-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.prompt-chip{align-items:center;background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:999px;color:#a3a3a3;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:500;gap:.3rem;padding:.35rem .9rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.prompt-chip:hover:not(:disabled){background:rgba(139,92,246,.08);border-color:#8b5cf6;border-color:var(--accent);color:#f5f5f5;color:var(--text-primary);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.prompt-chip.active{background:rgba(139,92,246,.12);border-color:#8b5cf6;border-color:var(--accent);color:#8b5cf6;color:var(--accent)}.prompt-chip:disabled{cursor:not-allowed;opacity:.5}.mood-selector{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.65rem}.mood-label{color:#666;color:var(--text-muted);flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.mood-chips{display:flex;flex-wrap:wrap;gap:.4rem}.mood-chip{align-items:center;background:#1a1a1a;background:var(--bg-card);border:1.5px solid transparent;border-radius:999px;color:#a3a3a3;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.77rem;font-weight:600;gap:.25rem;overflow:hidden;padding:.28rem .75rem;position:relative;transition:all .2s ease;white-space:nowrap}.mood-chip:before{background:var(--mood-bg);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.mood-chip:hover:not(:disabled):before{opacity:.18}.mood-chip.active:before{opacity:.22}.mood-chip:hover:not(:disabled){border-color:rgba(139,92,246,.45);color:#f5f5f5;color:var(--text-primary);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.mood-chip.active{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 2px rgba(139,92,246,.3);box-shadow:0 0 0 2px var(--accent-glow);color:#f5f5f5;color:var(--text-primary)}.mood-chip:disabled{cursor:not-allowed;opacity:.4}.mood-chip.active:after{background:#8b5cf6;background:var(--accent);border-radius:50%;content:"";height:5px;position:absolute;right:5px;top:3px;width:5px}.preview-section{margin:4rem auto;max-width:1000px;padding:0 2rem}.product-tabs{gap:.5rem;justify-content:center}.tab-btn{background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:999px;color:#a3a3a3;color:var(--text-secondary);font-size:.95rem;font-weight:500;padding:.75rem 2rem;transition:all var(--transition)}.tab-btn:hover:not(.active){border-color:#8b5cf6;border-color:var(--accent);color:#f5f5f5;color:var(--text-primary)}.phone-mockup-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.phone-svg-wrapper{-webkit-filter:drop-shadow(0 24px 48px rgba(0,0,0,.7)) drop-shadow(0 4px 12px rgba(0,0,0,.5));filter:drop-shadow(0 24px 48px rgba(0,0,0,.7)) drop-shadow(0 4px 12px rgba(0,0,0,.5));max-width:100%;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:260px}.phone-svg-wrapper:hover{-webkit-transform:translateY(-4px) scale(1.02);transform:translateY(-4px) scale(1.02)}.phone-svg{display:block;height:auto;width:100%}.phone-frame{background:#1a1a1a;border:3px solid #333;border-radius:40px;box-shadow:0 0 0 2px #1a1a1a,0 20px 60px rgba(0,0,0,.5),inset 0 0 0 2px #2a2a2a;height:560px;overflow:hidden;padding:12px;position:relative;width:280px}.phone-notch{background:#1a1a1a;border-radius:0 0 16px 16px;height:28px;left:50%;position:absolute;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px;z-index:2}.phone-screen{background:#0a0a0a;border-radius:28px;height:100%;overflow:hidden;width:100%}.phone-screen img{height:100%;object-fit:cover;width:100%}.tshirt-viewer-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.tshirt-canvas{background:#111;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);height:500px;overflow:hidden;width:100%}.drag-hint{color:#666;color:var(--text-muted);font-size:.85rem}.order-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--accent),#7c3aed);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.order-btn:hover{box-shadow:0 8px 30px rgba(139,92,246,.3);box-shadow:0 8px 30px var(--accent-glow);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.order-btn:disabled{cursor:not-allowed;opacity:.5;-webkit-transform:none;transform:none}.mockup-results{margin:2rem auto;max-width:1000px;padding:0 2rem}.mockup-results h3{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.mockup-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mockup-grid img{border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform var(--transition);transition:transform var(--transition);transition:transform var(--transition),-webkit-transform var(--transition);width:100%}.mockup-grid img:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.visit-store-btn{background:transparent;border:2px solid #8b5cf6;border:2px solid var(--accent);border-radius:999px;color:#8b5cf6;color:var(--accent);cursor:pointer;display:block;font-family:inherit;font-size:1rem;font-weight:600;margin:2rem auto 0;padding:1rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.visit-store-btn:hover{background:#8b5cf6;background:var(--accent);color:#fff}.how-it-works{margin:0 auto;max-width:1100px;padding:6rem 2rem}.steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:3rem}@media (max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.steps-grid{grid-template-columns:1fr}}.step-card{background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);padding:2rem;position:relative;transition:border-color .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transition:border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),-webkit-transform var(--transition);transition:border-color var(--transition),transform var(--transition);transition:border-color var(--transition),transform var(--transition),-webkit-transform var(--transition)}.step-card:hover{border-color:#8b5cf6;border-color:var(--accent);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.step-number{color:#8b5cf6;color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem}.step-icon{font-size:2rem;margin-bottom:1rem}.step-title{color:#f5f5f5;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.step-desc{color:#a3a3a3;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.gallery-section{margin:0 auto;max-width:1200px;padding:6rem 2rem}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:1rem;text-align:center}.section-subtitle{color:#a3a3a3;color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;text-align:center}.gallery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-item{aspect-ratio:1;border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition),-webkit-transform var(--transition);transition:transform var(--transition),box-shadow var(--transition);transition:transform var(--transition),box-shadow var(--transition),-webkit-transform var(--transition)}.gallery-item:hover{box-shadow:0 12px 40px rgba(0,0,0,.4);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.gallery-item img{height:100%;object-fit:cover;transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform var(--transition);transition:transform var(--transition);transition:transform var(--transition),-webkit-transform var(--transition);width:100%}.gallery-item:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.prog-img-container{display:block;height:100%;width:100%}.prog-img-skeleton{border-radius:0}.gallery-item-overlay{background:linear-gradient(transparent,rgba(0,0,0,.88));bottom:0;display:flex;flex-direction:column;gap:.5rem;left:0;opacity:0;padding:1.25rem;position:absolute;right:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay p{color:#fff;font-size:.85rem;font-weight:500;line-height:1.3}.gallery-use-btn{align-items:center;align-self:flex-start;background:#8b5cf6;background:var(--accent);border-radius:999px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:600;gap:.3rem;padding:.3rem .75rem;transition:background .3s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.gallery-item:hover .gallery-use-btn{background:#7c3aed;background:var(--accent-hover)}.gallery-item-date{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);border-radius:999px;color:hsla(0,0%,100%,.7);font-size:.7rem;padding:.2rem .5rem;position:absolute;right:.6rem;top:.6rem}.gallery-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.gallery-search-bar{align-items:center;background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;display:flex;margin-bottom:.25rem;padding:0 1rem;position:relative;transition:border-color .2s,box-shadow .2s;width:100%}.gallery-search-bar:focus-within{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.15)}.gallery-search-icon{flex-shrink:0;font-size:1rem;margin-right:.5rem;opacity:.6}.gallery-search-input{background:transparent;border:none;color:#f5f5f5;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.95rem;outline:none;padding:.65rem 0}.gallery-search-input::-webkit-input-placeholder{color:#666;color:var(--text-muted);opacity:.7}.gallery-search-input::placeholder{color:#666;color:var(--text-muted);opacity:.7}.gallery-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;justify-content:center;padding:.25rem;transition:color .15s,background .15s}.gallery-search-clear:hover{background:hsla(0,0%,100%,.08);color:#f5f5f5;color:var(--text-primary)}.gallery-search-count{color:#666;color:var(--text-muted);font-size:.82rem;margin-bottom:.75rem;padding-left:.25rem}.gallery-search-count em{color:#8b5cf6;color:var(--accent);font-style:normal;font-weight:600}.gallery-header .section-subtitle,.gallery-header .section-title{margin-bottom:.25rem;text-align:left}.gallery-stats{font-size:.85em;opacity:.7}.gallery-stats strong{color:#a78bfa;font-weight:600}.gallery-controls{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.gallery-sort{display:flex;flex-shrink:0;gap:.5rem}.gallery-layout-toggle{background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:999px;display:flex;gap:.25rem;padding:.25rem}.layout-btn{align-items:center;background:transparent;border:none;border-radius:999px;color:#a3a3a3;color:var(--text-secondary);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:2rem}.layout-btn.active{background:#8b5cf6;background:var(--accent);color:#fff}.layout-btn:hover:not(.active){background:rgba(167,139,250,.1);color:#f5f5f5;color:var(--text-primary)}.gallery-masonry{-webkit-columns:3;column-count:3;-webkit-column-gap:1.5rem;column-gap:1.5rem;display:block!important}.gallery-masonry .gallery-masonry-item{-webkit-column-break-inside:avoid;aspect-ratio:unset!important;break-inside:avoid;display:block;height:auto!important;margin-bottom:1.5rem;overflow:hidden;page-break-inside:avoid}.gallery-masonry .prog-img-container{display:block;height:auto!important}.gallery-masonry .prog-img-masonry{display:block;width:100%}.gallery-masonry .gallery-masonry-item .gallery-item-overlay{bottom:0;left:0;position:absolute;right:0}@-webkit-keyframes masonryFadeIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes masonryFadeIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.gallery-masonry .gallery-masonry-item{-webkit-animation:masonryFadeIn .3s ease both;animation:masonryFadeIn .3s ease both}@media (max-width:900px){.gallery-masonry{-webkit-columns:2;column-count:2}}@media (max-width:600px){.gallery-masonry{-webkit-columns:2;column-count:2;-webkit-column-gap:.75rem;column-gap:.75rem}.gallery-masonry .gallery-masonry-item{margin-bottom:.75rem}}.sort-btn{background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:999px;color:#a3a3a3;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:.5rem 1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.sort-btn.active{background:#8b5cf6;background:var(--accent);color:#fff}.sort-btn.active,.sort-btn:hover:not(.active){border-color:#8b5cf6;border-color:var(--accent)}.sort-btn:hover:not(.active){color:#f5f5f5;color:var(--text-primary)}.like-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.15);border-radius:999px;bottom:.65rem;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.25rem;line-height:1;padding:.3rem .65rem;position:absolute;right:.65rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);z-index:2}.like-btn:hover{background:rgba(0,0,0,.85);-webkit-transform:scale(1.08);transform:scale(1.08)}.like-btn.liked{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.4)}.copy-prompt-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.15);border-radius:999px;bottom:.65rem;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;line-height:1;opacity:0;padding:.3rem .55rem;position:absolute;right:5.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);z-index:2}.gallery-item:hover .copy-prompt-btn{opacity:1}.copy-prompt-btn:hover{background:rgba(0,0,0,.85);-webkit-transform:scale(1.08);transform:scale(1.08)}.copy-prompt-btn.copied{background:rgba(34,197,94,.25);border-color:rgba(34,197,94,.5);opacity:1}.gallery-loading{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.gallery-skeleton{aspect-ratio:1;border-radius:12px;border-radius:var(--radius);overflow:hidden;position:relative}.gallery-skeleton:after{background:hsla(0,0%,100%,.06);border-radius:6px;bottom:12px;content:"";height:14px;left:12px;position:absolute;right:12px}.gallery-sentinel{height:60px;width:100%}.gallery-load-more{margin-top:2.5rem}.gallery-load-more,.load-more-btn{display:flex;justify-content:center}.load-more-btn{align-items:center;background:transparent;border:1.5px solid #2a2a2a;border:1.5px solid var(--border);border-radius:2rem;color:#a3a3a3;color:var(--text-secondary);cursor:pointer;font-size:.95rem;gap:.5rem;min-width:200px;padding:.75rem 2.5rem;transition:all .2s ease}.load-more-btn:hover:not(:disabled){background:rgba(139,92,246,.06);border-color:var(--primary);color:var(--primary)}.load-more-btn:disabled{cursor:default;opacity:.7}.load-more-spinner{align-items:center;display:flex;gap:5px}.spinner-dot{-webkit-animation:dotPulse 1.2s ease-in-out infinite;animation:dotPulse 1.2s ease-in-out infinite;background:#a3a3a3;background:var(--text-secondary);border-radius:50%;height:7px;width:7px}.spinner-dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.spinner-dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes dotPulse{0%,80%,to{opacity:.5;-webkit-transform:scale(.7);transform:scale(.7)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes dotPulse{0%,80%,to{opacity:.5;-webkit-transform:scale(.7);transform:scale(.7)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.gallery-end-msg{color:#666;color:var(--text-muted,var(--text-secondary));font-size:.9rem;margin-top:2rem;opacity:.6;text-align:center}.design-modal-backdrop{align-items:center;-webkit-animation:modal-fade-in .2s ease;animation:modal-fade-in .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.85);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@-webkit-keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.design-modal{-webkit-animation:modal-slide-up .25s cubic-bezier(.34,1.56,.64,1);animation:modal-slide-up .25s cubic-bezier(.34,1.56,.64,1);background:#111;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a2a;border:1px solid var(--border,hsla(0,0%,100%,.1));border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 0 1px rgba(139,92,246,.2);max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}@-webkit-keyframes modal-slide-up{0%{opacity:0;-webkit-transform:scale(.92) translateY(20px);transform:scale(.92) translateY(20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes modal-slide-up{0%{opacity:0;-webkit-transform:scale(.92) translateY(20px);transform:scale(.92) translateY(20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.design-modal-close{align-items:center;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.85rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s,-webkit-transform .15s;transition:background .2s,transform .15s;transition:background .2s,transform .15s,-webkit-transform .15s;width:36px;z-index:10}.design-modal-close:hover{background:rgba(139,92,246,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.design-modal-content{display:grid;grid-template-columns:1fr 1fr;max-height:90vh;min-height:420px}.design-modal-image-wrap{align-items:center;background:#0d0d1a;border-radius:20px 0 0 20px;display:flex;justify-content:center;overflow:hidden}.design-modal-image{display:block;height:100%;max-height:90vh;object-fit:cover;width:100%}.design-modal-info{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:2rem}.design-modal-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.design-modal-date{background:hsla(0,0%,100%,.06);border-radius:20px;font-size:.8rem;padding:.3rem .7rem}.design-modal-date,.design-modal-prompt-label{color:#a3a3a3;color:var(--text-secondary,#9ca3af)}.design-modal-prompt-label{font-size:.75rem;letter-spacing:.1em;margin:0;text-transform:uppercase}.design-modal-prompt{color:#f5f5f5;color:var(--text-primary,#fff);flex:1 1;font-size:1.1rem;font-style:italic;line-height:1.6;margin:0}.design-modal-stats{align-items:center;display:flex;gap:1rem}.design-modal-likes{color:#a3a3a3;color:var(--text-secondary,#9ca3af);font-size:.9rem}.design-modal-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.design-modal-use-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem 1.5rem;transition:opacity .2s,-webkit-transform .15s;transition:opacity .2s,transform .15s;transition:opacity .2s,transform .15s,-webkit-transform .15s;width:100%}.design-modal-use-btn:hover{opacity:.9;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.design-modal-like-btn{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;padding:.75rem 1.5rem;transition:background .2s;width:100%}.design-modal-like-btn:hover:not(:disabled){background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}.design-modal-like-btn:disabled{cursor:default;opacity:.4}.design-modal-hint{color:#a3a3a3;color:var(--text-secondary,#9ca3af);font-size:.75rem;margin:0;opacity:.5;text-align:center}.design-modal-hint kbd{background:hsla(0,0%,100%,.1);border-radius:4px;font-family:monospace;font-size:.75rem;padding:1px 5px}@media (max-width:640px){.design-modal-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.design-modal-image-wrap{border-radius:20px 20px 0 0;max-height:260px}.design-modal-info{padding:1.25rem}}.variant-strip-row{align-items:center;background:#111;background:var(--bg-secondary);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);display:flex;gap:0}.variant-strip-row .variant-strip{border-bottom:none;flex:1 1}.variant-strip{background:#111;background:var(--bg-secondary);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);display:flex;gap:.6rem;overflow-x:auto;padding:.75rem}.regenerate-btn{align-items:center;background:transparent;border:1.5px solid #2a2a2a;border:1.5px solid var(--border);border-radius:999px;color:#666;color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:500;gap:.4rem;margin-right:.75rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.regenerate-btn:hover{background:rgba(139,92,246,.08);border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 2px rgba(139,92,246,.3);box-shadow:0 0 0 2px var(--accent-glow);color:#8b5cf6;color:var(--accent)}.regenerate-btn:active{-webkit-transform:scale(.96);transform:scale(.96)}.share-btn{align-items:center;background:transparent;border:1.5px solid #2a2a2a;border:1.5px solid var(--border);border-radius:999px;color:#666;color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:500;gap:.4rem;margin-right:.75rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.share-btn:hover{background:rgba(16,185,129,.08);border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.2);color:#10b981}.share-btn:active{-webkit-transform:scale(.96);transform:scale(.96)}.share-btn.share-copied{background:rgba(16,185,129,.12);border-color:#10b981;color:#10b981}.download-btn{align-items:center;background:transparent;border:1.5px solid #2a2a2a;border:1.5px solid var(--border);border-radius:999px;color:#666;color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.download-btn:hover:not(:disabled){background:rgba(139,92,246,.3);background:var(--accent-glow);border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 2px rgba(139,92,246,.2);color:#8b5cf6;color:var(--accent)}.download-btn:active:not(:disabled){-webkit-transform:scale(.96);transform:scale(.96)}.download-btn.download-busy{cursor:default;opacity:.6}.variant-thumb{align-items:center;background:none;border:2px solid #2a2a2a;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:inherit;gap:.35rem;padding:.3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.variant-thumb[data-tooltip]:before{background:rgba(20,20,30,.95);border:1px solid rgba(139,92,246,.35);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 16px rgba(0,0,0,.4);color:#fff;content:attr(data-tooltip);font-size:.72rem;font-weight:600;padding:.3rem .65rem;white-space:nowrap}.variant-thumb[data-tooltip]:after,.variant-thumb[data-tooltip]:before{left:50%;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%) translateY(4px);transform:translateX(-50%) translateY(4px);transition:opacity .18s ease,-webkit-transform .18s ease;transition:opacity .18s ease,transform .18s ease;transition:opacity .18s ease,transform .18s ease,-webkit-transform .18s ease;z-index:100}.variant-thumb[data-tooltip]:after{border:5px solid transparent;border-top-color:rgba(20,20,30,.95);bottom:calc(100% + 2px);content:""}.variant-thumb[data-tooltip]:hover:after,.variant-thumb[data-tooltip]:hover:before{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.variant-thumb img{border-radius:6px;display:block;height:72px;object-fit:cover;width:72px}.variant-thumb span{color:#666;color:var(--text-muted);font-size:.7rem;font-weight:500;white-space:nowrap}.variant-thumb.active{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 2px rgba(139,92,246,.3);box-shadow:0 0 0 2px var(--accent-glow)}.variant-thumb.active span{color:#8b5cf6;color:var(--accent)}.variant-thumb:hover:not(.active){border-color:#666;border-color:var(--text-muted)}.variant-preview-wrap{opacity:1;transition:opacity .2s ease}.variant-preview-wrap.variant-fading{opacity:0}.left-variant-selector{background:#111;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:10px;margin-top:1.5rem;padding:1rem}.variant-selector-label{color:#f5f5f5;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .75rem}.variant-selector-row{display:flex;gap:.75rem}.left-variant-thumb{align-items:center;background:none;border:2px solid #2a2a2a;border:2px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow:hidden;padding:.5rem;transition:all .3s}.left-variant-thumb img{aspect-ratio:1;border-radius:4px;object-fit:cover;width:100%}.left-variant-thumb span{color:#666;color:var(--text-muted);font-size:.75rem;font-weight:600}.left-variant-thumb:hover{border-color:#666;border-color:var(--text-muted);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.left-variant-thumb.active{background:rgba(139,92,246,.08);border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 2px rgba(139,92,246,.3);box-shadow:0 0 0 2px var(--accent-glow)}.left-variant-thumb.active span{color:#8b5cf6;color:var(--accent);font-weight:700}.generating-state{align-items:center;display:flex;flex-direction:column;padding:1rem;text-align:center;width:100%}.skeleton-phone-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:220px}.skeleton-phone-svg{display:block;-webkit-filter:drop-shadow(0 20px 40px rgba(0,0,0,.7));filter:drop-shadow(0 20px 40px rgba(0,0,0,.7));height:auto;width:100%}@-webkit-keyframes sk-pulse{0%,to{opacity:.55}50%{opacity:.85}}@keyframes sk-pulse{0%,to{opacity:.55}50%{opacity:.85}}.sk-pulse-1{-webkit-animation:sk-pulse 2s ease-in-out infinite;animation:sk-pulse 2s ease-in-out infinite}.sk-pulse-2{-webkit-animation:sk-pulse 2s ease-in-out .3s infinite;animation:sk-pulse 2s ease-in-out .3s infinite}.sk-pulse-3{-webkit-animation:sk-pulse 2s ease-in-out .6s infinite;animation:sk-pulse 2s ease-in-out .6s infinite}@-webkit-keyframes sk-glow-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes sk-glow-pulse{0%,to{opacity:.4}50%{opacity:1}}.sk-glow-ring{-webkit-animation:sk-glow-pulse 2s ease-in-out infinite;animation:sk-glow-pulse 2s ease-in-out infinite}.skeleton-phone-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.07);border-radius:16px;display:flex;flex-direction:column;gap:.6rem;left:50%;padding:1rem .75rem;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85%}.generating-icon{-webkit-animation:pulse-icon 1s ease-in-out infinite alternate;animation:pulse-icon 1s ease-in-out infinite alternate;font-size:1.8rem}@-webkit-keyframes pulse-icon{0%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes pulse-icon{0%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-transform:scale(1.15);transform:scale(1.15)}}.generating-prompt{color:#8b5cf6;color:var(--accent);font-size:.75rem;font-style:italic;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generating-step{color:#a3a3a3;color:var(--text-secondary);font-size:.78rem;min-height:1.4em;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.step-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.step-hidden{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}.generating-progress-track{background:#2a2a2a;background:var(--border);border-radius:999px;height:3px;max-width:160px;overflow:hidden;width:100%}.generating-progress-fill{background:linear-gradient(90deg,#8b5cf6,#c084fc);background:linear-gradient(90deg,var(--accent),#c084fc);border-radius:999px;height:100%;transition:width .1s linear}.generating-dots{display:flex;gap:.4rem}.generating-dot{background:#2a2a2a;background:var(--border);border-radius:50%;height:7px;transition:background .4s;width:7px}.generating-dot.active{background:#8b5cf6;background:var(--accent)}.mockup-generating-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,4%,.82);border-radius:20px;border-radius:var(--radius-lg);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.mockup-generating-inner{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2.5rem 2rem;text-align:center}.mockup-spinner{-webkit-animation:spin .9s linear infinite;animation:spin .9s linear infinite;border:3px solid #2a2a2a;border-top-color:#8b5cf6;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);flex-shrink:0;height:52px;width:52px}.mockup-generating-title{color:#f5f5f5;color:var(--text-primary);font-size:1.1rem;font-weight:700}.mockup-generating-sub{color:#a3a3a3;color:var(--text-secondary);font-size:.88rem;margin-top:-.5rem}.mockup-generating-steps{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.25rem}.mockup-step{background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:999px;color:#666;color:var(--text-muted);font-size:.78rem;font-weight:500;padding:.3rem .75rem}.mockup-step.active{background:rgba(139,92,246,.1);border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 0 0 2px rgba(139,92,246,.3);box-shadow:0 0 0 2px var(--accent-glow);color:#8b5cf6;color:var(--accent)}.mockup-step-divider{color:#666;color:var(--text-muted);font-size:.8rem}.error-container{display:flex;justify-content:center;padding:2rem}.error-text{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;border-radius:var(--radius);color:#f87171;font-size:.95rem;padding:1rem 2rem}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:4rem 2rem}.spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid #2a2a2a;border-top-color:#8b5cf6;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:48px;width:48px}.loading-text{color:#a3a3a3;color:var(--text-secondary);font-size:1rem}.loading-subtext{color:#666;color:var(--text-muted);font-size:.85rem}.skeleton{-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a 25%,#222 50%,#1a1a1a 75%);background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);border-radius:12px;border-radius:var(--radius)}.footer{border-top:1px solid #2a2a2a;border-top:1px solid var(--border);color:#666;color:var(--text-muted);font-size:.85rem;margin-top:auto;padding:3rem 2rem 2rem}.footer-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 2rem;max-width:960px}.footer-brand{display:flex;flex-direction:column;gap:.4rem}.footer-logo{color:var(--text);font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.footer-tagline{color:#666;color:var(--text-muted);font-size:.82rem;line-height:1.5;margin:0;max-width:260px}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.footer-link{align-items:center;color:#666;color:var(--text-muted);display:inline-flex;font-size:.85rem;gap:.4rem;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#8b5cf6;color:var(--accent)}.footer-icon{flex-shrink:0;height:16px;width:16px}.footer-bottom{align-items:center;border-top:1px solid #2a2a2a;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:960px;padding-top:1.5rem;text-align:center}.footer-bottom p{margin:0}.footer-made{font-size:.8rem}.footer a{color:#8b5cf6;color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:640px){.navbar{padding:.875rem 1.25rem}.navbar-logo{font-size:1.2rem}.navbar-links{gap:.75rem}.navbar-links a{font-size:.82rem}.hero{padding:7rem 1.25rem 2.5rem}.hero-badge{font-size:.78rem;padding:.35rem .85rem}.hero-products{gap:.5rem}.hero-product-badge{font-size:.8rem;padding:.4rem .9rem}.gift-banner{font-size:.85rem;padding:.5rem 1rem}.create-section{gap:2rem;padding:2.5rem 1.25rem 4rem}.create-title{font-size:1.6rem}.create-right{min-height:360px}.prompt-form{flex-direction:column;gap:.5rem}.enhance-btn,.prompt-submit{justify-content:center;width:100%}.prompt-kbd-hint{display:none}.prompt-chips{gap:.4rem}.prompt-chip{font-size:.78rem;padding:.3rem .7rem}.variant-strip{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.variant-strip::-webkit-scrollbar{display:none}.variant-strip-row{flex-wrap:nowrap;overflow:hidden}.regenerate-btn,.share-btn{margin-right:.5rem}.download-btn,.regenerate-btn,.share-btn{font-size:.75rem;padding:.45rem .75rem}.phone-svg-wrapper{width:190px}.tshirt-canvas{height:320px}.gift-section,.how-it-works{padding:4rem 1.25rem}.gift-section-label{font-size:.78rem}.gallery-section{padding:4rem 1.25rem}.gallery-grid,.gallery-loading{gap:.75rem;grid-template-columns:repeat(2,1fr)}.gallery-header{align-items:flex-start;flex-direction:column;gap:.75rem}.gallery-controls{justify-content:space-between;width:100%}.gallery-controls,.gallery-sort{align-self:flex-start}.sort-btn{font-size:.8rem;padding:.4rem .9rem}.product-tabs{flex-wrap:wrap;gap:.4rem}.error-text{font-size:.88rem;padding:.75rem 1rem}.mockup-grid{grid-template-columns:1fr}.footer{font-size:.8rem;padding:2rem 1.25rem 1.5rem}.footer-inner{align-items:flex-start;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.skeleton-phone-wrapper{width:180px}.section-title{font-size:clamp(1.5rem,5vw,2rem)}.section-subtitle{font-size:.95rem;margin-bottom:2rem}}@media (max-width:400px){.navbar-links{gap:.5rem}.navbar-links a{font-size:.78rem}.gallery-grid{gap:.75rem}.gallery-grid,.gallery-loading{grid-template-columns:1fr}.hero-products{align-items:center;flex-direction:column}.create-title{font-size:1.4rem}}.fade-in{-webkit-animation:fadeIn .6s ease-out;animation:fadeIn .6s ease-out}@-webkit-keyframes heroMountFade{0%{opacity:0;-webkit-transform:translateY(28px);transform:translateY(28px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes heroMountFade{0%{opacity:0;-webkit-transform:translateY(28px);transform:translateY(28px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.hero--mounted{-webkit-animation:heroMountFade .75s cubic-bezier(.22,1,.36,1) both;animation:heroMountFade .75s cubic-bezier(.22,1,.36,1) both}.back-to-top{align-items:center;background:#1a1a1a;background:var(--bg-card);border:1.5px solid #2a2a2a;border:1.5px solid var(--border);border-radius:50%;bottom:2rem;box-shadow:0 4px 20px rgba(0,0,0,.35);color:#a3a3a3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;line-height:1;opacity:0;pointer-events:none;position:fixed;right:2rem;-webkit-transform:translateY(12px) scale(.88);transform:translateY(12px) scale(.88);transition:opacity .25s ease,background .2s,color .2s,border-color .2s,-webkit-transform .25s cubic-bezier(.34,1.56,.64,1);transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s,border-color .2s;transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s,border-color .2s,-webkit-transform .25s cubic-bezier(.34,1.56,.64,1);width:44px;z-index:500}.back-to-top--visible{opacity:1;pointer-events:auto;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.back-to-top:hover{background:#8b5cf6;background:var(--accent);border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 6px 24px rgba(139,92,246,.3);box-shadow:0 6px 24px var(--accent-glow);color:#fff;-webkit-transform:translateY(-2px) scale(1.08);transform:translateY(-2px) scale(1.08)}.back-to-top:active{-webkit-transform:scale(.94);transform:scale(.94)}@media (max-width:640px){.back-to-top{bottom:1.25rem;font-size:1rem;height:40px;right:1.25rem;width:40px}}.settings-bar{background:#1a1a1a;background:var(--bg-card);border-radius:16px;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1rem 2rem}.settings-bar,.settings-group{align-items:center;display:flex}.settings-group{gap:1rem}.settings-group label{color:#666;color:var(--text-muted);font-size:.9rem;font-weight:600}.toggle-buttons{display:flex;gap:.5rem}.toggle-btn{background:transparent;border:2px solid #2a2a2a;border:2px solid var(--border);border-radius:8px;color:#666;color:var(--text-muted);cursor:pointer;font-family:inherit;font-weight:600;padding:.5rem 1rem;transition:all .3s}.toggle-btn:hover{color:#8b5cf6;color:var(--accent)}.toggle-btn.active,.toggle-btn:hover{border-color:#8b5cf6;border-color:var(--accent)}.toggle-btn.active{background:#8b5cf6;background:var(--accent);color:#fff}.model-select{background:var(--bg);border:2px solid #2a2a2a;border:2px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-family:inherit;font-weight:600;min-width:200px;padding:.5rem 1rem}.model-select:focus{border-color:#8b5cf6;border-color:var(--accent);outline:none}body[data-ui-mode=simple] .advanced-only,body[data-ui-mode=simple] .gift-section,body[data-ui-mode=simple] .how-it-works,body[data-ui-mode=simple] .regenerate-btn,body[data-ui-mode=simple] .variant-strip{display:none!important}.phone-controls{background:#1a1a1a;background:var(--bg-card);border:2px solid #2a2a2a;border:2px solid var(--border);border-radius:16px;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.control-group,.phone-controls{display:flex;flex-direction:column}.control-group{gap:.5rem}.control-group label{align-items:center;color:#666;color:var(--text-muted);display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.position-slider,.zoom-slider{-webkit-appearance:none;background:var(--bg);border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.position-slider::-webkit-slider-thumb,.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#8b5cf6;background:var(--accent);border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .2s;transition:all .2s;width:20px}.position-slider::-webkit-slider-thumb:hover,.zoom-slider::-webkit-slider-thumb:hover{background:#7c3aed;background:var(--accent-hover);-webkit-transform:scale(1.1);transform:scale(1.1)}.position-slider::-moz-range-thumb,.zoom-slider::-moz-range-thumb{background:#8b5cf6;background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:all .2s;transition:all .2s;width:20px}.position-slider::-moz-range-thumb:hover,.zoom-slider::-moz-range-thumb:hover{background:#7c3aed;background:var(--accent-hover);transform:scale(1.1)}.reset-btn{background:transparent;border:2px solid #2a2a2a;border:2px solid var(--border);border-radius:8px;color:#666;color:var(--text-muted);cursor:pointer;font-family:inherit;font-weight:600;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .3s}.reset-btn:hover{background:#8b5cf6;background:var(--accent);border-color:#8b5cf6;border-color:var(--accent);color:#fff}.phone-svg-wrapper{user-select:none;-webkit-user-select:none;-moz-user-select:none}@media (max-width:768px){.phone-controls{gap:.75rem;padding:1rem}.control-group label{font-size:.85rem}}.tshirt-viewer-container{position:relative}.shirt-color-picker{background:#1a1a1a;background:var(--bg-card);border:2px solid #2a2a2a;border:2px solid var(--border);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.color-chip{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.color-chip:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)!important;-webkit-transform:scale(1.1);transform:scale(1.1)}.color-chip.active{-webkit-transform:scale(1.05);transform:scale(1.05)}.tshirt-canvas{box-shadow:0 20px 60px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);transition:box-shadow .3s}.tshirt-canvas:hover{box-shadow:0 25px 70px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.15)}.phone-svg-wrapper{-webkit-filter:drop-shadow(0 25px 50px rgba(0,0,0,.25));filter:drop-shadow(0 25px 50px rgba(0,0,0,.25));transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.phone-svg-wrapper:hover{-webkit-filter:drop-shadow(0 30px 60px rgba(0,0,0,.35));filter:drop-shadow(0 30px 60px rgba(0,0,0,.35))}.phone-controls{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 1px rgba(139,92,246,.1);transition:all .3s}.phone-controls:hover{box-shadow:0 6px 16px rgba(0,0,0,.15),0 0 0 2px rgba(139,92,246,.2)}.product-tabs{background:#1a1a1a;background:var(--bg-card);border:2px solid #2a2a2a;border:2px solid var(--border);border-radius:16px;display:flex;gap:1rem;margin-bottom:2rem;padding:.5rem;position:relative}.product-tabs:before{background:linear-gradient(90deg,transparent,#8b5cf6,transparent);background:linear-gradient(90deg,transparent,var(--accent),transparent);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.product-tabs:hover:before{opacity:1}.tab-btn{background:transparent;border:2px solid transparent;border-radius:12px;color:#666;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tab-btn:hover:before{left:100%}.tab-btn:hover{background:rgba(139,92,246,.05);color:#8b5cf6;color:var(--accent)}.tab-btn.active,.tab-btn:hover{border-color:#8b5cf6;border-color:var(--accent);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tab-btn.active{background:#8b5cf6;background:var(--accent);box-shadow:0 8px 24px rgba(139,92,246,.3),0 0 0 4px rgba(139,92,246,.1);color:#fff}.drag-hint{align-items:center;-webkit-animation:pulse-hint 3s ease-in-out infinite;animation:pulse-hint 3s ease-in-out infinite;background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem 1.5rem}@-webkit-keyframes pulse-hint{0%,to{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.02);transform:scale(1.02)}}@keyframes pulse-hint{0%,to{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.02);transform:scale(1.02)}}.gallery-item{border:2px solid #2a2a2a;border:2px solid var(--border);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.gallery-item:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%;z-index:2}.gallery-item:hover:before{left:100%}.gallery-item:hover{box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 2px #8b5cf6;box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 2px var(--accent);-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}.skeleton{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,#1a1a1a,rgba(139,92,246,.1) 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-card) 0,rgba(139,92,246,.1) 50%,var(--bg-card) 100%);background-size:200% 100%;overflow:hidden;position:relative}.real-products-container{min-height:400px;padding:2rem}.real-products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.mockup-card{background:#1a1a1a;background:var(--bg-card);border:2px solid #2a2a2a;border:2px solid var(--border);border-radius:16px;padding:1.5rem;transition:all .3s}.mockup-card:hover{border-color:#8b5cf6;border-color:var(--accent);box-shadow:0 8px 24px rgba(139,92,246,.2);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.mockup-title{color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.mockup-images{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.mockup-image{border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;height:auto;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.mockup-image:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.mockup-placeholder{background:var(--bg);border-radius:12px;color:#666;color:var(--text-muted);font-size:.9rem;padding:3rem 1rem;text-align:center}.order-mockup-btn{background:#8b5cf6;background:var(--accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:1rem;transition:all .3s;width:100%}.order-mockup-btn:hover{background:#7c3aed;background:var(--accent-hover);box-shadow:0 4px 12px rgba(139,92,246,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.real-products-grid{gap:1.5rem}.mockup-images,.real-products-grid{grid-template-columns:1fr}}.product-card-row{display:flex;justify-content:flex-start;margin-top:12px;padding:0 2px}.recently-viewed-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;margin:0 0 2rem;padding:1.25rem 1.5rem}.recently-viewed-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.recently-viewed-label{color:hsla(0,0%,100%,.6);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.recently-viewed-clear{background:none;border:none;border-radius:6px;color:hsla(0,0%,100%,.35);cursor:pointer;font-size:.75rem;padding:2px 8px;transition:color .2s,background .2s}.recently-viewed-clear:hover{background:hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.7)}.recently-viewed-strip{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.recently-viewed-strip::-webkit-scrollbar{display:none}.recently-viewed-tile{border:2px solid hsla(0,0%,100%,.08);border-radius:12px;cursor:pointer;flex:0 0 100px;height:100px;overflow:hidden;position:relative;transition:border-color .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:100px}.recently-viewed-tile:hover{border-color:rgba(139,92,246,.7);box-shadow:0 4px 20px rgba(139,92,246,.3);-webkit-transform:scale(1.07);transform:scale(1.07)}.recently-viewed-img{display:block;height:100%;object-fit:cover;width:100%}.recently-viewed-overlay{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,transparent 50%);display:flex;inset:0;opacity:0;padding:6px;position:absolute;transition:opacity .2s ease}.recently-viewed-tile:hover .recently-viewed-overlay{opacity:1}.recently-viewed-prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:hsla(0,0%,100%,.9);display:-webkit-box;font-size:.6rem;line-height:1.3;margin:0;overflow:hidden}@media (max-width:600px){.recently-viewed-tile{flex:0 0 80px;height:80px;width:80px}}.products-header-tab{border-bottom:2px solid var(--border);margin-bottom:2rem;padding:1.5rem 2rem}.products-header-tab h3{color:var(--text);font-size:1.5rem;font-weight:700;margin:0}.real-products-container{margin:0 auto;max-width:1400px;padding:0}.real-products-empty,.real-products-error,.real-products-loading{align-items:center;display:flex;justify-content:center;min-height:500px}.empty-state{max-width:500px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:var(--text);font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:var(--text-muted);margin-bottom:2rem}.empty-preview{gap:1rem}.empty-preview,.preview-box{display:flex;justify-content:center}.preview-box{align-items:center;background:var(--bg-card);border:2px dashed var(--border);border-radius:12px;font-size:2rem;height:80px;opacity:.5;width:80px}.loading-content{text-align:center}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-top:4px solid var(--border);border:4px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:60px;margin:0 auto 2rem;width:60px}.loading-content h3{color:var(--text);font-size:1.5rem;margin-bottom:.5rem}.loading-content p{color:var(--text-muted);margin-bottom:2rem}.loading-steps{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}.loading-steps .step{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.9rem;padding:.5rem 1rem}.loading-time{color:var(--text-muted);font-size:.85rem;font-style:italic}.products-header{margin-bottom:3rem;text-align:center}.products-header h2{color:var(--text);font-size:2rem;font-weight:800;margin-bottom:.5rem}.products-header p{color:var(--text-muted);font-size:1.1rem}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:3rem}.product-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card:hover{border-color:var(--accent);box-shadow:0 12px 40px rgba(139,92,246,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.product-image-container{aspect-ratio:1;background:#f5f5f5;overflow:hidden;position:relative;width:100%}.product-main-image{cursor:pointer;height:100%;object-fit:contain;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.product-card:hover .product-main-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.image-counter{background:rgba(0,0,0,.7);border-radius:20px;bottom:1rem;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem}.product-thumbnails{grid-gap:.5rem;background:var(--bg);border-top:1px solid var(--border);display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr);padding:1rem}.thumbnail{aspect-ratio:1;background:#f5f5f5;border:2px solid var(--border);border-radius:8px;cursor:pointer;overflow:hidden;padding:0;transition:all .2s}.thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail:hover{border-color:var(--accent);-webkit-transform:scale(1.05);transform:scale(1.05)}.thumbnail.active{border-color:var(--accent);border-width:3px;box-shadow:0 0 0 2px rgba(139,92,246,.2)}.thumbnail.more{align-items:center;background:var(--bg-card);color:var(--text-muted);display:flex;font-weight:700;justify-content:center}.product-info{flex:1 1;padding:1.5rem}.product-name{color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.product-type{color:var(--text-muted);font-size:.9rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.product-meta{align-items:center;display:flex;gap:1rem}.mockup-count{background:var(--bg);border-radius:20px;color:var(--text-muted);font-size:.9rem;padding:.25rem .75rem}.product-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:inherit;font-size:1rem;font-weight:700;padding:.875rem 1rem;transition:all .3s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 12px rgba(139,92,246,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:transparent;border:2px solid var(--border);color:var(--text-muted)}.btn-secondary:hover{background:rgba(139,92,246,.05);border-color:var(--accent);color:var(--accent)}.publish-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;margin:0 1.5rem 1.5rem;padding:.75rem 1.5rem}.products-footer{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:2rem;text-align:center}.footer-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1rem}.footer-stats span{color:var(--text);font-weight:600}.footer-note{color:var(--text-muted);font-size:.9rem}.error-content{text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.error-content h3{color:#ef4444;font-size:1.5rem;margin-bottom:.5rem}.error-content p{color:var(--text-muted);margin-bottom:2rem}.btn-retry{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:.875rem 2rem;transition:all .3s}.btn-retry:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(139,92,246,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.skeleton-img{aspect-ratio:1;width:100%}.skeleton-img,.skeleton-text{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--bg-card) 0,rgba(139,92,246,.1) 50%,var(--bg-card) 100%);background-size:200% 100%}.skeleton-text{height:20px;margin-top:1rem}@-webkit-keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.banner{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);max-width:500px;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;z-index:1000}.banner-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.banner span{flex:1 1;font-weight:500}.banner-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;opacity:.7;padding:0;transition:opacity .2s}.banner-close:hover{opacity:1}.banner-success{background:#10b981;border-left:4px solid #059669;color:#fff}.banner-error{background:#ef4444;border-left:4px solid #dc2626;color:#fff}.banner-info{background:#3b82f6;border-left:4px solid #1d4ed8;color:#fff}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:768px){.products-grid{gap:1.5rem;grid-template-columns:1fr}.products-header h2{font-size:1.5rem}.product-thumbnails{grid-template-columns:repeat(4,1fr)}.footer-stats{gap:.5rem}.footer-stats,.product-actions{flex-direction:column}}.bookmarks-overlay{-webkit-animation:bm-fade-in .2s ease forwards;animation:bm-fade-in .2s ease forwards;background:rgba(0,0,0,.5);inset:0;opacity:0;position:fixed;z-index:1400}@-webkit-keyframes bm-fade-in{to{opacity:1}}@keyframes bm-fade-in{to{opacity:1}}.bookmarks-drawer{-webkit-animation:bm-slide-in .28s cubic-bezier(.22,1,.36,1) forwards;animation:bm-slide-in .28s cubic-bezier(.22,1,.36,1) forwards;background:#1a1a2e;background:var(--surface,#1a1a2e);border-left:1px solid hsla(0,0%,100%,.1);box-shadow:-8px 0 40px rgba(0,0,0,.4);display:flex;flex-direction:column;height:100vh;max-width:95vw;position:fixed;right:0;top:0;width:340px;z-index:1401}@-webkit-keyframes bm-slide-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bm-slide-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.bookmarks-drawer-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 18px 14px}.bookmarks-drawer-header h3{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0}.bookmarks-drawer-header h3 span.bm-count{background:rgba(139,92,246,.25);border-radius:20px;color:#a78bfa;font-size:.78rem;font-weight:500;padding:1px 8px}.bm-header-actions{align-items:center;display:flex;gap:6px}.bm-clear-btn{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);border-radius:6px;color:#ef4444;cursor:pointer;font-size:.72rem;padding:4px 10px;transition:background .15s}.bm-clear-btn:hover{background:rgba(239,68,68,.22)}.bm-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:hsla(0,0%,100%,.5);color:var(--text-secondary,hsla(0,0%,100%,.5));cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .15s}.bm-close-btn:hover{background:hsla(0,0%,100%,.08)}.bookmarks-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.bookmarks-list::-webkit-scrollbar{width:4px}.bookmarks-list::-webkit-scrollbar-track{background:transparent}.bookmarks-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:2px}.bm-empty{align-items:center;color:hsla(0,0%,100%,.4);color:var(--text-secondary,hsla(0,0%,100%,.4));display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px;text-align:center}.bm-empty-icon{font-size:2.5rem}.bm-empty p{font-size:.88rem;margin:0}.bm-card{align-items:flex-start;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px;position:relative;transition:background .15s,border-color .15s}.bm-card:hover{background:hsla(0,0%,100%,.08);border-color:rgba(139,92,246,.3)}.bm-card-thumb{background:hsla(0,0%,100%,.06);border-radius:7px;flex-shrink:0;height:64px;object-fit:cover;width:64px}.bm-card-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.bm-card-prompt{color:#fff;color:var(--text-primary,#fff);font-size:.82rem;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-card-time{color:hsla(0,0%,100%,.4);color:var(--text-secondary,hsla(0,0%,100%,.4));font-size:.72rem}.bm-card-use-btn{background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.25);border-radius:5px;color:#a78bfa;cursor:pointer;font-size:.72rem;padding:3px 8px;transition:background .15s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bm-card-use-btn:hover{background:rgba(139,92,246,.28)}.bm-card-remove{align-items:center;background:none;border:none;border-radius:4px;color:hsla(0,0%,100%,.3);cursor:pointer;display:flex;padding:2px;position:absolute;right:7px;top:7px;transition:color .15s,background .15s}.bm-card-remove:hover{background:rgba(239,68,68,.12);color:#ef4444}.bookmark-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.18);border-radius:8px;color:hsla(0,0%,100%,.75);cursor:pointer;display:flex;font-size:.8rem;gap:5px;justify-content:center;padding:6px 10px;transition:background .15s,border-color .15s,color .15s,-webkit-transform .1s;transition:background .15s,border-color .15s,color .15s,transform .1s;transition:background .15s,border-color .15s,color .15s,transform .1s,-webkit-transform .1s;white-space:nowrap}.bookmark-btn:hover{background:rgba(139,92,246,.25);border-color:rgba(139,92,246,.5);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.bookmark-btn.bookmarked{background:rgba(139,92,246,.3);border-color:rgba(139,92,246,.6);color:#c4b5fd}.bookmark-btn .bm-icon{font-size:1rem;line-height:1;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.bookmark-btn.bookmarked .bm-icon{-webkit-transform:scale(1.15);transform:scale(1.15)}.bm-nav-btn{align-items:center;background:none;border:none;border-radius:8px;color:hsla(0,0%,100%,.8);color:var(--text-primary,hsla(0,0%,100%,.8));cursor:pointer;display:flex;justify-content:center;padding:6px 8px;position:relative;transition:background .15s,color .15s}.bm-nav-btn:hover{background:hsla(0,0%,100%,.08)}.bm-nav-badge{align-items:center;-webkit-animation:bm-badge-pop .25s cubic-bezier(.22,1,.36,1);animation:bm-badge-pop .25s cubic-bezier(.22,1,.36,1);background:#8b5cf6;border-radius:8px;color:#fff;display:flex;font-size:.62rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:0;top:0}@-webkit-keyframes bm-badge-pop{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bm-badge-pop{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.gallery-card-bm-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.18);border-radius:7px;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:.9rem;left:7px;line-height:1;padding:5px 8px;position:absolute;top:7px;transition:background .15s,color .15s,-webkit-transform .12s;transition:background .15s,transform .12s,color .15s;transition:background .15s,transform .12s,color .15s,-webkit-transform .12s;z-index:3}.gallery-card-bm-btn.bookmarked,.gallery-card-bm-btn:hover{background:rgba(139,92,246,.4);color:#c4b5fd;-webkit-transform:scale(1.1);transform:scale(1.1)}.spb-wrap{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;margin-top:10px;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.spb-wrap--open{border-color:rgba(147,51,234,.35);box-shadow:0 0 0 1px rgba(147,51,234,.15),0 4px 24px rgba(0,0,0,.25)}.spb-toggle{align-items:center;background:transparent;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:8px;letter-spacing:.02em;padding:10px 14px;text-align:left;transition:color .2s ease,background .2s ease;-webkit-user-select:none;user-select:none;width:100%}.spb-toggle:hover:not(:disabled){background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.9)}.spb-toggle:disabled{cursor:not-allowed;opacity:.4}.spb-toggle-icon{font-size:.9rem;opacity:.8}.spb-toggle-label{flex:1 1}.spb-badge{align-items:center;background:linear-gradient(135deg,#9333ea,#6366f1);border-radius:50%;color:#fff;display:inline-flex;font-size:.68rem;font-weight:700;height:18px;justify-content:center;line-height:1;width:18px}.spb-chevron{display:inline-block;font-size:.85rem;opacity:.5;transition:opacity .2s,-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s,-webkit-transform .3s cubic-bezier(.4,0,.2,1)}.spb-chevron--up{opacity:.8;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.spb-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.spb-panel--open{grid-template-rows:1fr}.spb-panel,.spb-panel>.spb-grid,.spb-panel>.spb-preview-row{overflow:hidden}.spb-panel--open .spb-grid{overflow:visible}.spb-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);opacity:0;padding:0 14px 12px;pointer-events:none;-webkit-transform:translateY(-6px);transform:translateY(-6px);transition:opacity .25s ease .05s,-webkit-transform .25s ease .05s;transition:opacity .25s ease .05s,transform .25s ease .05s;transition:opacity .25s ease .05s,transform .25s ease .05s,-webkit-transform .25s ease .05s}.spb-panel--open .spb-grid{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:640px){.spb-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:380px){.spb-grid{grid-template-columns:1fr}}.spb-field{display:flex;flex-direction:column;gap:4px}.spb-label{color:hsla(0,0%,100%,.4);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.spb-select{appearance:none;-webkit-appearance:none;background:hsla(0,0%,100%,.06) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m1 1 4 4 4-4' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.85);cursor:pointer;font-family:inherit;font-size:.78rem;padding:7px 28px 7px 10px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.spb-select:focus{background-color:hsla(0,0%,100%,.09);border-color:rgba(147,51,234,.6);box-shadow:0 0 0 2px rgba(147,51,234,.15);outline:none}.spb-select:hover:not(:disabled){background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.spb-select:disabled{cursor:not-allowed;opacity:.4}.spb-select option{background:#1a1a2e;color:hsla(0,0%,100%,.9)}.spb-preview-row{align-items:center;display:flex;gap:10px;opacity:0;padding:0 14px 12px;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);transition:opacity .2s ease .1s,-webkit-transform .2s ease .1s;transition:opacity .2s ease .1s,transform .2s ease .1s;transition:opacity .2s ease .1s,transform .2s ease .1s,-webkit-transform .2s ease .1s}.spb-panel--open .spb-preview-row{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.spb-preview-text{color:hsla(0,0%,100%,.45);flex:1 1;font-size:.75rem;font-style:italic;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spb-reset{background:transparent;border:1px solid hsla(0,0%,100%,.12);border-radius:6px;color:hsla(0,0%,100%,.45);cursor:pointer;flex-shrink:0;font-size:.72rem;padding:4px 10px;transition:color .2s,border-color .2s,background .2s}.spb-reset:hover:not(:disabled){background:rgba(255,80,80,.08);border-color:rgba(255,80,80,.4);color:hsla(0,0%,100%,.85)}[data-theme=light] .spb-wrap{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}[data-theme=light] .spb-wrap--open{border-color:rgba(147,51,234,.3)}[data-theme=light] .spb-toggle{color:rgba(0,0,0,.5)}[data-theme=light] .spb-toggle:hover:not(:disabled){background:rgba(0,0,0,.03);color:rgba(0,0,0,.85)}[data-theme=light] .spb-label{color:rgba(0,0,0,.4)}[data-theme=light] .spb-select{background:rgba(0,0,0,.04) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m1 1 4 4 4-4' stroke='rgba(0,0,0,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.85)}[data-theme=light] .spb-select option{background:#fff;color:#111}[data-theme=light] .spb-preview-text{color:rgba(0,0,0,.4)}[data-theme=light] .spb-reset{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.4)}[data-theme=light] .spb-reset:hover:not(:disabled){background:rgba(200,40,40,.06);border-color:rgba(200,40,40,.35);color:rgba(200,40,40,.9)}.moodboard-overlay{align-items:center;-webkit-animation:moodboard-fade-in .2s ease;animation:moodboard-fade-in .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.82);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}@-webkit-keyframes moodboard-fade-in{0%{opacity:0}to{opacity:1}}@keyframes moodboard-fade-in{0%{opacity:0}to{opacity:1}}.moodboard-modal{-webkit-animation:moodboard-slide-in .3s cubic-bezier(.34,1.56,.64,1);animation:moodboard-slide-in .3s cubic-bezier(.34,1.56,.64,1);background:#131320;border:1px solid rgba(138,43,226,.4);border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.7),0 0 0 1px rgba(138,43,226,.15);max-width:600px;padding:32px;position:relative;width:100%}@-webkit-keyframes moodboard-slide-in{0%{opacity:0;-webkit-transform:scale(.92) translateY(16px);transform:scale(.92) translateY(16px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes moodboard-slide-in{0%{opacity:0;-webkit-transform:scale(.92) translateY(16px);transform:scale(.92) translateY(16px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.moodboard-close{align-items:center;background:hsla(0,0%,100%,.08);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .15s;width:32px}.moodboard-close:hover{background:hsla(0,0%,100%,.18)}.moodboard-title{color:#fff;font-size:1.5rem;font-weight:800;margin:0 0 6px}.moodboard-subtitle{color:hsla(0,0%,100%,.5);font-size:.875rem;margin:0 0 20px}.moodboard-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.moodboard-thumb{border:2px solid rgba(138,43,226,.5);border-radius:10px;height:64px;overflow:hidden;position:relative;width:64px}.moodboard-thumb img{height:100%;object-fit:cover;width:100%}.moodboard-thumb-num{bottom:3px;color:#fff;font-size:10px;font-weight:700;position:absolute;right:5px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.moodboard-thumb-more{align-items:center;background:rgba(138,43,226,.3);color:hsla(0,0%,100%,.7);display:flex;font-size:13px;font-weight:700;justify-content:center}.moodboard-gen-btn{background:linear-gradient(135deg,#8a2be2,#6b21a8);border:none;border-radius:12px;box-shadow:0 4px 20px rgba(138,43,226,.35);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px;transition:box-shadow .15s,-webkit-transform .15s;transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s,-webkit-transform .15s;width:100%}.moodboard-gen-btn:hover:not(:disabled){box-shadow:0 8px 28px rgba(138,43,226,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.moodboard-gen-btn:disabled{cursor:not-allowed;opacity:.65}.moodboard-spinner{align-items:center;display:inline-flex;gap:8px}.moodboard-preview-wrap{align-items:center;display:flex;flex-direction:column;gap:16px}.moodboard-preview{border:2px solid rgba(138,43,226,.35);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);width:100%}.moodboard-actions{display:flex;gap:12px;width:100%}.moodboard-dl-btn,.moodboard-regen-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:700;padding:12px;transition:opacity .15s,-webkit-transform .15s;transition:transform .15s,opacity .15s;transition:transform .15s,opacity .15s,-webkit-transform .15s}.moodboard-dl-btn{background:linear-gradient(135deg,#8a2be2,#6b21a8);box-shadow:0 4px 14px rgba(138,43,226,.35);color:#fff}.moodboard-dl-btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.moodboard-regen-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.75)}.moodboard-regen-btn:hover{background:hsla(0,0%,100%,.14)}.moodboard-error{color:#ff6b6b;font-size:.82rem;margin-top:12px;text-align:center}.gallery-select-toggle{background:rgba(138,43,226,.18);border:1px solid rgba(138,43,226,.45);border-radius:20px;color:hsla(0,0%,100%,.85);cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:background .15s,color .15s;white-space:nowrap}.gallery-select-toggle.active,.gallery-select-toggle:hover{background:rgba(138,43,226,.38);color:#fff}.gallery-select-mode .gallery-item{cursor:pointer}.gallery-select-mode .gallery-item:before{border:2px solid transparent;border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute;transition:border-color .15s;z-index:3}.gallery-select-mode .gallery-item.selected:before{border-color:#8a2be2;box-shadow:inset 0 0 0 1px rgba(138,43,226,.6)}.gallery-item-checkbox{align-items:center;background:rgba(0,0,0,.45);border:2px solid hsla(0,0%,100%,.7);border-radius:50%;display:flex;font-size:12px;height:22px;justify-content:center;left:8px;pointer-events:none;position:absolute;top:8px;transition:background .15s,border-color .15s;width:22px;z-index:4}.gallery-item.selected .gallery-item-checkbox{background:#8a2be2;border-color:#8a2be2}.gallery-item.selected .gallery-item-checkbox:after{color:#fff;content:"✓";font-size:13px;font-weight:900;line-height:1}.moodboard-fab{align-items:center;-webkit-animation:fab-pop .3s cubic-bezier(.34,1.56,.64,1);animation:fab-pop .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#8a2be2,#5b21b6);border-radius:40px;bottom:80px;box-shadow:0 8px 32px rgba(138,43,226,.55),0 2px 8px rgba(0,0,0,.4);display:flex;gap:14px;left:50%;padding:10px 20px 10px 16px;position:fixed;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);white-space:nowrap;z-index:900}@-webkit-keyframes fab-pop{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(40px) scale(.85);transform:translateX(-50%) translateY(40px) scale(.85)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1)}}@keyframes fab-pop{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(40px) scale(.85);transform:translateX(-50%) translateY(40px) scale(.85)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1)}}.moodboard-fab-count{background:hsla(0,0%,100%,.2);border-radius:20px;color:#fff;font-size:.82rem;font-weight:700;padding:3px 10px}.moodboard-fab-btn{background:hsla(0,0%,100%,.18);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;padding:7px 16px;transition:background .15s}.moodboard-fab-btn:hover{background:hsla(0,0%,100%,.3)}.moodboard-fab-clear{background:transparent;border:none;border-radius:8px;color:hsla(0,0%,100%,.65);cursor:pointer;font-size:.82rem;padding:4px 8px;transition:color .15s}.moodboard-fab-clear:hover{color:#fff}@media (max-width:600px){.moodboard-modal{padding:20px 16px}.moodboard-thumb{height:52px;width:52px}.moodboard-fab{bottom:68px;font-size:.82rem;gap:8px;padding:8px 12px}}.top-picks-section{-webkit-animation:topPicksFadeIn .4s ease;animation:topPicksFadeIn .4s ease;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(59,130,246,.06));border:1px solid rgba(139,92,246,.2);border-radius:16px;margin:0 0 2rem;padding:1.25rem 1.5rem 1.5rem}@-webkit-keyframes topPicksFadeIn{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes topPicksFadeIn{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.top-picks-header{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.1rem}.top-picks-trophy{font-size:1.3rem;line-height:1}.top-picks-title{color:#e2e8f0;font-size:1rem;font-weight:700;letter-spacing:.02em;margin:0}.top-picks-subtitle{color:#6b7280;font-size:.75rem;margin-left:.25rem}.top-picks-list{display:flex;flex-direction:column;gap:.6rem}.top-pick-skeleton{background:hsla(0,0%,100%,.04);border-radius:10px;height:56px}.top-pick-item{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;cursor:pointer;display:flex;gap:.85rem;overflow:hidden;padding:.6rem .85rem;position:relative;transition:background .18s,border-color .18s,-webkit-transform .15s;transition:background .18s,border-color .18s,transform .15s;transition:background .18s,border-color .18s,transform .15s,-webkit-transform .15s}.top-pick-item:before{background:linear-gradient(90deg,#a78bfa,transparent 60%);background:linear-gradient(90deg,var(--rank-color,#a78bfa) 0,transparent 60%);border-radius:10px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.top-pick-item.expanded:before,.top-pick-item:hover:before{opacity:.06}.top-pick-item:hover{background:hsla(0,0%,100%,.055);border-color:rgba(139,92,246,.35);-webkit-transform:translateX(3px);transform:translateX(3px)}.top-pick-item.expanded{border-color:rgba(139,92,246,.4)}.top-pick-rank{align-items:center;display:flex;flex-direction:column;gap:.05rem;justify-content:center;min-width:2.2rem}.rank-emoji{font-size:1.2rem;line-height:1}.rank-num{color:#a78bfa;color:var(--rank-color,#a78bfa);font-size:.6rem;font-weight:700;letter-spacing:.05em}.top-pick-thumb-wrap{flex-shrink:0;position:relative}.top-pick-thumb{border:1.5px solid hsla(0,0%,100%,.1);border-radius:8px;display:block;height:44px;object-fit:cover;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:44px}.top-pick-item:hover .top-pick-thumb{-webkit-transform:scale(1.08);transform:scale(1.08)}.top-pick-thumb-glow{border-radius:10px;box-shadow:0 0 12px #a78bfa;box-shadow:0 0 12px var(--rank-color,#a78bfa);inset:-2px;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.top-pick-item.expanded .top-pick-thumb-glow,.top-pick-item:hover .top-pick-thumb-glow{opacity:.55}.top-pick-info{flex:1 1;min-width:0}.top-pick-prompt{color:#cbd5e1;font-size:.78rem;font-style:italic;margin:0 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-pick-meta{align-items:center;display:flex;gap:.75rem}.top-pick-likes{color:#f472b6;font-size:.7rem;font-weight:600}.top-pick-date{color:#4b5563;font-size:.68rem}.top-pick-use-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.72rem;font-weight:600;padding:.3rem .7rem;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s;transition:opacity .15s,transform .15s,-webkit-transform .15s;white-space:nowrap}.top-pick-use-btn:hover{opacity:.85;-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:600px){.top-picks-section{padding:1rem}.top-pick-item{gap:.6rem;padding:.5rem .65rem}.top-pick-thumb{height:38px;width:38px}.top-pick-prompt{font-size:.72rem}.top-pick-use-btn{font-size:.68rem;padding:.25rem .5rem}}.stats-bar{display:flex;justify-content:center;overflow:hidden;padding:.9rem 1rem;position:relative;width:100%;z-index:1}.stats-bar:before{background:linear-gradient(90deg,transparent,#a855f7 40%,#7c3aed 60%,transparent);background:linear-gradient(90deg,transparent,var(--accent,#a855f7) 40%,var(--accent2,#7c3aed) 60%,transparent);content:"";height:1px;left:10%;opacity:.35;position:absolute;right:10%;top:0}.stats-bar-inner{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:hsla(0,0%,100%,.03);border:1px solid rgba(168,85,247,.12);border-radius:100px;box-shadow:0 0 24px rgba(168,85,247,.06);display:flex;gap:1.4rem;padding:.55rem 2rem;transition:border-color .3s,box-shadow .3s}.stats-bar-inner:hover{border-color:rgba(168,85,247,.25);box-shadow:0 0 32px rgba(168,85,247,.12)}.stat-item{align-items:center;display:flex;gap:.4rem;white-space:nowrap}.stat-icon{-webkit-animation:statIconFloat 3s ease-in-out infinite;animation:statIconFloat 3s ease-in-out infinite;font-size:1rem;line-height:1}.stat-item:nth-child(3) .stat-icon{-webkit-animation-delay:.4s;animation-delay:.4s}.stat-item:nth-child(5) .stat-icon{-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes statIconFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@keyframes statIconFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.stat-value{-webkit-text-fill-color:transparent;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";background:linear-gradient(135deg,#c084fc,#818cf8);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;min-width:3ch;text-align:right;transition:none}.stat-value--text{min-width:0;min-width:auto;text-align:left}.stat-label{color:hsla(0,0%,100%,.45);color:var(--text-muted,hsla(0,0%,100%,.45));font-size:.78rem;font-weight:400;letter-spacing:.01em}.stat-divider{background:linear-gradient(180deg,transparent,rgba(168,85,247,.3),transparent);flex-shrink:0;height:1.4rem;width:1px}[data-theme=light] .stats-bar-inner{background:hsla(0,0%,100%,.6);border-color:rgba(124,58,237,.15);box-shadow:0 2px 16px rgba(124,58,237,.06)}[data-theme=light] .stat-label{color:rgba(0,0,0,.45)}[data-theme=light] .stat-divider{background:linear-gradient(180deg,transparent,rgba(124,58,237,.25),transparent)}@media (max-width:600px){.stats-bar-inner{gap:.8rem;padding:.5rem 1rem}.stat-label{display:none}.stat-value{font-size:.9rem}.stat-item{gap:.25rem}}.color-palette{align-items:center;background:hsla(0,0%,100%,.04);background:var(--card-bg,hsla(0,0%,100%,.04));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding:10px 14px}.color-palette-label{color:hsla(0,0%,100%,.5);color:var(--text-muted,hsla(0,0%,100%,.5));font-size:12px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.color-palette-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{align-items:flex-end;border:2px solid transparent;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;padding-bottom:4px;position:relative;transition:border-color .15s ease,box-shadow .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-transform .15s ease;width:44px}.color-swatch:hover{border-color:hsla(0,0%,100%,.4);box-shadow:0 6px 16px rgba(0,0,0,.4);-webkit-transform:translateY(-3px) scale(1.08);transform:translateY(-3px) scale(1.08)}.color-swatch:active{-webkit-transform:translateY(0) scale(.97);transform:translateY(0) scale(.97)}.color-swatch--copied{border-color:hsla(0,0%,100%,.7)!important;-webkit-transform:translateY(-3px) scale(1.08);transform:translateY(-3px) scale(1.08)}.color-swatch-hex{color:#fff;color:var(--swatch-text,#fff);font-size:9px;font-weight:700;letter-spacing:.02em;opacity:0;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.4);text-transform:uppercase;transition:opacity .15s ease}.color-swatch--copied .color-swatch-hex,.color-swatch:hover .color-swatch-hex{opacity:1}.color-swatch--skeleton{-webkit-animation:palette-shimmer 1.4s linear infinite;animation:palette-shimmer 1.4s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.04));background-size:200% 100%;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;cursor:default;height:44px;width:44px}@-webkit-keyframes palette-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes palette-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=light] .color-palette{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}[data-theme=light] .color-palette-label{color:rgba(0,0,0,.5)}[data-theme=light] .color-swatch--skeleton{-webkit-animation:palette-shimmer 1.4s linear infinite;animation:palette-shimmer 1.4s linear infinite;background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.1) 50%,rgba(0,0,0,.04));background-size:200% 100%;border-color:rgba(0,0,0,.08)}.product-card-btn{align-items:center;background:rgba(139,92,246,.1);border:1.5px solid rgba(167,139,250,.35);border-radius:10px;color:#c4b5fd;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;outline:none;overflow:hidden;padding:10px 20px;position:relative;transition:background .2s,border-color .2s,box-shadow .2s,-webkit-transform .15s;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s,-webkit-transform .15s;white-space:nowrap}.product-card-btn:before{background:linear-gradient(135deg,rgba(139,92,246,.15),transparent 60%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.product-card-btn:hover:not(:disabled):before{opacity:1}.product-card-btn:hover:not(:disabled){background:rgba(139,92,246,.22);border-color:rgba(167,139,250,.65);box-shadow:0 0 14px rgba(139,92,246,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.product-card-btn:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.product-card-btn:disabled{cursor:not-allowed;opacity:.75}.product-card-btn.saved{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.5);color:#6ee7b7}.product-card-spinner{-webkit-animation:product-card-spin .7s linear infinite;animation:product-card-spin .7s linear infinite;border:2px solid rgba(196,181,253,.3);border-radius:50%;border-top-color:#c4b5fd;display:inline-block;flex-shrink:0;height:14px;width:14px}@-webkit-keyframes product-card-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes product-card-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}[data-theme=light] .product-card-btn{background:rgba(109,40,217,.07);border-color:rgba(109,40,217,.3);color:#6d28d9}[data-theme=light] .product-card-btn:hover:not(:disabled){background:rgba(109,40,217,.14);border-color:rgba(109,40,217,.55);box-shadow:0 0 14px rgba(109,40,217,.2)}.live-activity-container{bottom:24px;display:flex;flex-direction:column;gap:10px;left:24px;max-width:320px;pointer-events:none;position:fixed;z-index:9000}.live-toast{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(20,16,35,.92);border:1px solid rgba(130,90,255,.35);border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.55),inset 0 0 0 1px rgba(130,90,255,.12);display:flex;gap:12px;max-width:320px;padding:10px 12px;pointer-events:auto;transition:opacity .35s ease,-webkit-transform .35s ease;transition:opacity .35s ease,transform .35s ease;transition:opacity .35s ease,transform .35s ease,-webkit-transform .35s ease}.live-toast--enter{-webkit-animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.live-toast--exit{-webkit-animation:toastSlideOut .35s ease forwards;animation:toastSlideOut .35s ease forwards}@-webkit-keyframes toastSlideIn{0%{opacity:0;-webkit-transform:translateX(-32px) scale(.95);transform:translateX(-32px) scale(.95)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes toastSlideIn{0%{opacity:0;-webkit-transform:translateX(-32px) scale(.95);transform:translateX(-32px) scale(.95)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@-webkit-keyframes toastSlideOut{0%{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}to{opacity:0;-webkit-transform:translateX(-24px) scale(.96);transform:translateX(-24px) scale(.96)}}@keyframes toastSlideOut{0%{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}to{opacity:0;-webkit-transform:translateX(-24px) scale(.96);transform:translateX(-24px) scale(.96)}}.live-toast-img-wrap{flex-shrink:0;position:relative}.live-toast-img{border:1.5px solid rgba(130,90,255,.4);border-radius:10px;display:block;height:44px;object-fit:cover;width:44px}.live-toast-pulse{-webkit-animation:pulseRing 2s ease-in-out infinite;animation:pulseRing 2s ease-in-out infinite;background:#22c55e;border:2px solid rgba(20,16,35,.95);border-radius:50%;bottom:-3px;height:10px;position:absolute;right:-3px;width:10px}@-webkit-keyframes pulseRing{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}@keyframes pulseRing{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}.live-toast-body{flex:1 1;min-width:0}.live-toast-text{color:hsla(0,0%,100%,.88);font-size:12.5px;line-height:1.4;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-toast-text strong{color:#a78bfa;font-weight:600}.live-toast-text em{color:hsla(0,0%,100%,.7);font-style:normal}.live-toast-time{color:hsla(0,0%,100%,.38);font-size:11px;letter-spacing:.02em}.live-toast-close{background:none;border:none;border-radius:4px;color:hsla(0,0%,100%,.35);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;margin-left:2px;padding:2px 4px;transition:color .15s ease,background .15s ease}.live-toast-close:hover{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.75)}[data-theme=light] .live-toast{background:hsla(0,0%,100%,.94);border-color:rgba(130,90,255,.25);box-shadow:0 4px 24px rgba(0,0,0,.12),inset 0 0 0 1px rgba(130,90,255,.1)}[data-theme=light] .live-toast-text{color:rgba(20,16,35,.85)}[data-theme=light] .live-toast-text em{color:rgba(20,16,35,.6)}[data-theme=light] .live-toast-time{color:rgba(20,16,35,.4)}[data-theme=light] .live-toast-close{color:rgba(20,16,35,.35)}[data-theme=light] .live-toast-close:hover{background:rgba(20,16,35,.06);color:rgba(20,16,35,.7)}[data-theme=light] .live-toast-pulse{border-color:hsla(0,0%,100%,.95)}@media (max-width:600px){.live-activity-container{bottom:16px;left:50%;max-width:calc(100vw - 32px);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100vw - 32px)}.live-toast{max-width:100%}}.style-remix{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.style-remix-label{color:#888;color:var(--text-secondary,#888);font-size:.78rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.style-remix-chips{display:flex;flex-wrap:wrap;gap:8px}.style-remix-chip{background:transparent;border:1px solid rgba(150,100,255,.35);border-radius:20px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;font-size:.8rem;line-height:1.3;padding:5px 13px;transition:background .18s,border-color .18s,box-shadow .18s,-webkit-transform .12s;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s,-webkit-transform .12s;-webkit-user-select:none;user-select:none;white-space:nowrap}.style-remix-chip:hover:not(.disabled){background:rgba(150,100,255,.18);border-color:rgba(150,100,255,.7);box-shadow:0 3px 12px rgba(120,80,255,.25);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.style-remix-chip.active{background:rgba(150,100,255,.35);border-color:#9b6dff;box-shadow:0 0 12px rgba(155,109,255,.4);color:#fff;-webkit-transform:scale(.96);transform:scale(.96)}.style-remix-chip.disabled{cursor:not-allowed;opacity:.4;-webkit-transform:none!important;transform:none!important}[data-theme=light] .style-remix-label{color:#666}[data-theme=light] .style-remix-chip{border-color:rgba(100,60,200,.3);color:#333}[data-theme=light] .style-remix-chip:hover:not(.disabled){background:rgba(100,60,200,.1);border-color:rgba(100,60,200,.7)}[data-theme=light] .style-remix-chip.active{background:rgba(100,60,200,.2);border-color:#6a3ec8;color:#1a0a3a}.history-fab{align-items:center;background:var(--accent);border:none;border-radius:50%;bottom:160px;box-shadow:0 4px 20px var(--accent-glow),0 2px 8px rgba(0,0,0,.4);color:#fff;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;position:fixed;right:24px;transition:background var(--transition),box-shadow var(--transition),-webkit-transform var(--transition);transition:transform var(--transition),background var(--transition),box-shadow var(--transition);transition:transform var(--transition),background var(--transition),box-shadow var(--transition),-webkit-transform var(--transition);width:48px;z-index:1100}.history-fab:hover{background:var(--accent-hover);box-shadow:0 6px 28px var(--accent-glow),0 2px 12px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.history-fab-badge{align-items:center;background:#ef4444;border:2px solid var(--bg-primary);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 3px;position:absolute;right:-4px;top:-4px}.history-backdrop{background:rgba(0,0,0,.5);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1200}.history-backdrop.open{opacity:1;pointer-events:all}.history-drawer{background:var(--bg-secondary);border-left:1px solid var(--border);bottom:0;box-shadow:-8px 0 40px rgba(0,0,0,.5);display:flex;flex-direction:column;max-width:90vw;overflow:hidden;position:fixed;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1);width:340px;z-index:1300}.history-drawer.open{-webkit-transform:translateX(0);transform:translateX(0)}.history-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:20px}.history-header,.history-title{align-items:center;display:flex}.history-title{color:var(--text-primary);font-size:15px;font-weight:700;gap:8px}.history-title-icon{font-size:16px}.history-count{background:var(--accent);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 7px}.history-close{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:color var(--transition),background var(--transition)}.history-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.history-actions{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:flex-end;padding:10px 16px}.history-clear-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:11px;padding:4px 10px;transition:all var(--transition)}.history-clear-btn:hover{background:rgba(239,68,68,.08);border-color:#ef4444;color:#ef4444}.history-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.history-empty{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px;text-align:center}.history-empty-icon{font-size:36px;opacity:.5}.history-empty p{font-size:14px}.history-empty span{color:var(--text-muted);font-size:12px}.history-item{align-items:center;-webkit-animation:historyItemIn .3s ease both;animation:historyItemIn .3s ease both;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:10px;position:relative;transition:all var(--transition)}@-webkit-keyframes historyItemIn{0%{opacity:0;-webkit-transform:translateX(16px);transform:translateX(16px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes historyItemIn{0%{opacity:0;-webkit-transform:translateX(16px);transform:translateX(16px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.history-item:hover{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow),0 4px 16px rgba(0,0,0,.3)}.history-item:hover .history-item-use{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.history-thumb{object-fit:cover}.history-thumb,.history-thumb-placeholder{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;flex-shrink:0;height:64px;width:64px}.history-thumb-placeholder{align-items:center;display:flex;font-size:24px;justify-content:center}.history-item-meta{flex:1 1;min-width:0}.history-item-prompt{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-time{color:var(--text-muted);font-size:11px}.history-item-variants{color:var(--accent);font-size:10px;font-weight:600;margin-top:3px}.history-item-use{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;opacity:0;padding:4px 8px;position:absolute;right:10px;top:50%;-webkit-transform:scale(.8) translateY(-50%);transform:scale(.8) translateY(-50%);-webkit-transform-origin:right center;transform-origin:right center;transition:all var(--transition);white-space:nowrap}.history-footer{background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0;padding:12px 16px;text-align:center}.history-footer p{color:var(--text-muted);font-size:11px}@media (max-width:640px){.history-fab{bottom:140px;font-size:16px;height:44px;right:16px;width:44px}.history-drawer{width:100vw}}.variant-compare-trigger{align-items:center;background:transparent;border:1px solid rgba(150,100,255,.35);border-radius:20px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;display:inline-flex;font-size:.8rem;gap:6px;line-height:1.3;margin-top:10px;padding:5px 14px;transition:all .18s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.variant-compare-trigger:hover{background:rgba(150,100,255,.12);border-color:rgba(150,100,255,.6);box-shadow:0 3px 12px rgba(120,80,255,.2);color:#e0e0e0;color:var(--text-primary,#e0e0e0);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.compare-modal-backdrop{align-items:center;-webkit-animation:compareBackdropIn .22s ease-out;animation:compareBackdropIn .22s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.85);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}@-webkit-keyframes compareBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes compareBackdropIn{0%{opacity:0}to{opacity:1}}.compare-modal{-webkit-animation:compareModalIn .25s cubic-bezier(.34,1.56,.64,1);animation:compareModalIn .25s cubic-bezier(.34,1.56,.64,1);background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid rgba(150,100,255,.2);border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.05);max-width:820px;padding:24px;width:100%}@-webkit-keyframes compareModalIn{0%{opacity:0;-webkit-transform:scale(.92) translateY(12px);transform:scale(.92) translateY(12px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes compareModalIn{0%{opacity:0;-webkit-transform:scale(.92) translateY(12px);transform:scale(.92) translateY(12px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.compare-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.compare-modal-title{align-items:center;color:#e0e0e0;color:var(--text-primary,#e0e0e0);display:flex;font-size:1rem;font-weight:600;gap:8px}.compare-modal-close{background:none;border:none;border-radius:8px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:1.4rem;line-height:1;padding:4px 8px;transition:color .15s,background .15s}.compare-modal-close:hover{background:hsla(0,0%,100%,.08);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.compare-picker{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.compare-picker-label{color:#888;color:var(--text-secondary,#888);font-size:.78rem;font-weight:500}.compare-picker-variants{display:flex;gap:8px}.compare-picker-thumb{border:2px solid transparent;border-radius:8px;cursor:pointer;flex-shrink:0;height:44px;overflow:hidden;transition:border-color .15s,box-shadow .15s,-webkit-transform .12s;transition:border-color .15s,transform .12s,box-shadow .15s;transition:border-color .15s,transform .12s,box-shadow .15s,-webkit-transform .12s;width:44px}.compare-picker-thumb img{display:block;height:100%;object-fit:cover;width:100%}.compare-picker-thumb.selected-a{border-color:#7c4dff;box-shadow:0 0 0 2px rgba(124,77,255,.4)}.compare-picker-thumb.selected-b{border-color:#00bcd4;box-shadow:0 0 0 2px rgba(0,188,212,.4)}.compare-picker-thumb:hover:not(.selected-a):not(.selected-b){border-color:hsla(0,0%,100%,.25);-webkit-transform:scale(1.06);transform:scale(1.06)}.compare-picker-divider{color:#666;color:var(--text-secondary,#666);font-size:.78rem;font-weight:500}.compare-stage{aspect-ratio:1/1;background:#000;border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.4);cursor:col-resize;max-height:500px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.compare-img-a,.compare-img-b{height:100%;inset:0;position:absolute;width:100%}.compare-img-a img,.compare-img-b img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.compare-img-b{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%);transition:-webkit-clip-path .02s linear;transition:clip-path .02s linear;transition:clip-path .02s linear,-webkit-clip-path .02s linear}.compare-divider-line{background:hsla(0,0%,100%,.9);bottom:0;box-shadow:0 0 12px hsla(0,0%,100%,.4),0 0 4px rgba(0,0,0,.5);top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px;z-index:2}.compare-divider-handle,.compare-divider-line{left:50%;pointer-events:none;position:absolute}.compare-divider-handle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,.5);color:#333;display:flex;font-size:.7rem;font-weight:700;height:36px;justify-content:center;letter-spacing:-1px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:36px;z-index:3}.compare-label{border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:4px 10px;pointer-events:none;position:absolute;text-transform:uppercase;top:12px;z-index:4}.compare-label-a{background:rgba(124,77,255,.85);color:#fff;left:12px}.compare-label-b{background:rgba(0,188,212,.85);color:#fff;right:12px}.compare-drag-hint{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:.75rem;gap:6px;justify-content:center;margin-top:12px;text-align:center}[data-theme=light] .compare-modal{background:#fff;border-color:rgba(100,60,200,.15)}[data-theme=light] .compare-modal-title{color:#1a1a2e}[data-theme=light] .compare-modal-close{color:#666}[data-theme=light] .compare-modal-close:hover{background:rgba(0,0,0,.06);color:#333}[data-theme=light] .compare-drag-hint,[data-theme=light] .compare-picker-divider,[data-theme=light] .compare-picker-label{color:#888}[data-theme=light] .variant-compare-trigger{color:#555}@media (max-width:600px){.compare-modal{border-radius:14px;padding:16px}.compare-stage{max-height:340px}.compare-divider-handle{height:28px;width:28px}}.lightbox-trigger-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:5px;padding:6px 10px;position:absolute;right:10px;top:10px;transition:background .18s,-webkit-transform .18s;transition:background .18s,transform .18s;transition:background .18s,transform .18s,-webkit-transform .18s;white-space:nowrap;z-index:10}.lightbox-trigger-btn:hover{background:rgba(139,92,246,.75);-webkit-transform:scale(1.05);transform:scale(1.05)}.lightbox-overlay{align-items:center;-webkit-animation:lb-fade-in .2s ease;animation:lb-fade-in .2s ease;background:rgba(0,0,0,.92);display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}@-webkit-keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-overlay.closing{-webkit-animation:lb-fade-out .18s ease forwards;animation:lb-fade-out .18s ease forwards}@-webkit-keyframes lb-fade-out{0%{opacity:1}to{opacity:0}}@keyframes lb-fade-out{0%{opacity:1}to{opacity:0}}.lightbox-canvas{align-items:center;cursor:grab;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative;width:100%}.lightbox-canvas:active{cursor:grabbing}.lightbox-canvas.zoomed{cursor:move}.lightbox-img-wrap{touch-action:none;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform .08s ease;transition:transform .08s ease;transition:transform .08s ease,-webkit-transform .08s ease;-webkit-user-select:none;user-select:none}.lightbox-img-wrap img{border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.6);display:block;max-height:75vh;max-width:90vw;object-fit:contain;pointer-events:none}.lightbox-controls{align-items:center;background:hsla(0,0%,100%,.04);border-top:1px solid hsla(0,0%,100%,.08);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 20px;width:100%}.lightbox-prompt{color:hsla(0,0%,100%,.65);flex:1 1;font-size:.82rem;font-style:italic;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-prompt span{color:hsla(0,0%,100%,.9);font-style:normal;font-weight:500}.lightbox-actions{flex-shrink:0;gap:8px}.lb-zoom-bar,.lightbox-actions{align-items:center;display:flex}.lb-zoom-bar{background:hsla(0,0%,100%,.06);border-radius:8px;gap:6px;padding:4px 10px}.lb-zoom-label{color:hsla(0,0%,100%,.5);font-size:.78rem;min-width:36px;text-align:center}.lb-zoom-btn{background:none;border:none;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 2px;transition:color .15s}.lb-zoom-btn:hover{color:#a78bfa}.lb-zoom-btn:disabled{cursor:default;opacity:.3}.lb-reset-btn{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:7px;color:hsla(0,0%,100%,.75);cursor:pointer;font-size:.78rem;padding:5px 10px;transition:background .15s}.lb-reset-btn:hover{background:rgba(139,92,246,.3);color:#fff}.lb-download-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:5px;padding:6px 14px;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s;transition:opacity .15s,transform .15s,-webkit-transform .15s}.lb-download-btn:hover{opacity:.88;-webkit-transform:scale(1.03);transform:scale(1.03)}.lb-close-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:7px;color:#fff;cursor:pointer;font-size:.82rem;padding:6px 12px;transition:background .15s}.lb-close-btn:hover{background:rgba(239,68,68,.35)}.lb-close-x{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:34px;justify-content:center;position:absolute;right:18px;top:14px;transition:background .15s;width:34px;z-index:2}.lb-close-x:hover{background:rgba(239,68,68,.45)}.lb-hint{-webkit-animation:lb-hint-fade 3s ease 1s forwards;animation:lb-hint-fade 3s ease 1s forwards;bottom:80px;color:hsla(0,0%,100%,.35);font-size:.72rem;left:50%;pointer-events:none;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@-webkit-keyframes lb-hint-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes lb-hint-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}[data-theme=light] .lightbox-overlay{background:rgba(0,0,0,.88)}.style-dna-card{background:#1a1a1a;background:var(--bg-card,#1a1a1a);border:1px solid #2a2a2a;border:1px solid var(--border,#2a2a2a);border-radius:12px;margin-top:12px;overflow:hidden}.style-dna-header{align-items:center;background:transparent;border:none;color:#f5f5f5;color:var(--text-primary,#f5f5f5);cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:background .2s;width:100%}.style-dna-header:hover{background:rgba(139,92,246,.08)}.style-dna-title{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.02em}.style-dna-icon{font-size:15px}.style-dna-chevron{color:#666;color:var(--text-muted,#666);font-size:11px}.style-dna-body{align-items:center;display:flex;flex-direction:column;gap:12px;padding:12px 14px 14px}.style-dna-loading{align-items:center;color:#a3a3a3;color:var(--text-secondary,#a3a3a3);display:flex;font-size:13px;gap:10px;padding:8px 0}.style-dna-spinner{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite;border:2px solid rgba(139,92,246,.2);border-radius:50%;border-top-color:#8b5cf6;height:18px;width:18px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.style-dna-error{color:#ef4444;font-size:12px;padding:4px 0}.style-dna-canvas-wrap{display:flex;justify-content:center}.style-dna-canvas{background:rgba(139,92,246,.04);border-radius:50%}.style-dna-bars{display:flex;flex-direction:column;gap:6px;width:100%}.style-dna-bar-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:70px 1fr 28px}.style-dna-bar-label{color:#a3a3a3;color:var(--text-secondary,#a3a3a3);font-size:11px;font-weight:500;text-align:right}.style-dna-bar-track{background:rgba(139,92,246,.1);border-radius:99px;height:5px;overflow:hidden}.style-dna-bar-fill{-webkit-animation:barGrow .8s cubic-bezier(.22,1,.36,1) both;animation:barGrow .8s cubic-bezier(.22,1,.36,1) both;border-radius:99px;height:100%;-webkit-transform-origin:left;transform-origin:left}@-webkit-keyframes barGrow{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes barGrow{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.style-dna-bar-value{color:#666;color:var(--text-muted,#666);font-size:10px;font-weight:600;text-align:left}.style-dna-dominant{align-items:center;background:rgba(139,92,246,.07);border:1px solid rgba(139,92,246,.15);border-radius:99px;display:flex;font-size:12px;gap:6px;padding:5px 10px}.style-dna-dominant-label{color:#a3a3a3;color:var(--text-secondary,#a3a3a3);font-weight:500}.style-dna-dominant-value{font-weight:700;letter-spacing:.02em}[data-theme=light] .style-dna-canvas{background:rgba(124,58,237,.05)}[data-theme=light] .style-dna-bar-track{background:rgba(124,58,237,.08)}.design-ticker-wrapper{background:hsla(0,0%,100%,.03);background:var(--ticker-bg,hsla(0,0%,100%,.03));border-bottom:1px solid hsla(0,0%,100%,.06);border-bottom:1px solid var(--ticker-border,hsla(0,0%,100%,.06));border-top:1px solid hsla(0,0%,100%,.06);border-top:1px solid var(--ticker-border,hsla(0,0%,100%,.06));cursor:pointer;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent);overflow:hidden;padding:14px 0;position:relative;width:100%}[data-theme=light] .design-ticker-wrapper{--ticker-bg:rgba(0,0,0,.02);--ticker-border:rgba(0,0,0,.08)}.design-ticker-wrapper:hover .design-ticker-track{-webkit-animation-play-state:paused;animation-play-state:paused}.design-ticker-track{align-items:center;-webkit-animation:ticker-scroll 40s linear infinite;animation:ticker-scroll 40s linear infinite;display:flex;gap:12px;width:-webkit-max-content;width:max-content}.design-ticker-track.slow{-webkit-animation-duration:25s;animation-duration:25s}@-webkit-keyframes ticker-scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes ticker-scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.design-ticker-tile{align-items:center;background:hsla(0,0%,100%,.05);background:var(--tile-bg,hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--tile-border,hsla(0,0%,100%,.08));border-radius:40px;display:flex;flex-shrink:0;gap:10px;max-width:300px;padding:5px 14px 5px 5px;transition:background .2s,border-color .2s,-webkit-transform .2s;transition:background .2s,border-color .2s,transform .2s;transition:background .2s,border-color .2s,transform .2s,-webkit-transform .2s;white-space:nowrap}[data-theme=light] .design-ticker-tile{--tile-bg:rgba(0,0,0,.04);--tile-border:rgba(0,0,0,.1)}.design-ticker-tile:hover{background:rgba(139,92,246,.12);background:var(--tile-bg-hover,rgba(139,92,246,.12));border-color:rgba(139,92,246,.35);border-color:var(--tile-border-hover,rgba(139,92,246,.35));-webkit-transform:scale(1.03);transform:scale(1.03)}[data-theme=light] .design-ticker-tile:hover{--tile-bg-hover:rgba(139,92,246,.08);--tile-border-hover:rgba(139,92,246,.3)}.design-ticker-img{background:hsla(0,0%,100%,.08);border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.design-ticker-prompt{color:hsla(0,0%,100%,.7);color:var(--text-secondary,hsla(0,0%,100%,.7));font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .design-ticker-prompt{color:rgba(0,0,0,.6)}.design-ticker-label{color:rgba(139,92,246,.8);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.08em;margin-right:4px;text-transform:uppercase}.design-ticker-sep{background:rgba(139,92,246,.4);border-radius:50%;flex-shrink:0;height:4px;width:4px}.design-ticker-live{align-items:center;display:flex;flex-shrink:0;gap:5px;padding:0 8px}.design-ticker-live-dot{-webkit-animation:ticker-pulse 2s ease-in-out infinite;animation:ticker-pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 0 0 rgba(34,197,94,.4);flex-shrink:0;height:7px;width:7px}.design-ticker-live-text{color:#22c55e;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@-webkit-keyframes ticker-pulse{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}@keyframes ticker-pulse{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}.design-ticker-skeleton{align-items:center;display:flex;gap:12px;padding:0 20px}.design-ticker-skel-tile{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:40px;display:flex;flex-shrink:0;gap:10px;padding:5px 14px 5px 5px}.design-ticker-skel-circle{border-radius:50%;flex-shrink:0;height:36px;width:36px}.design-ticker-skel-circle,.design-ticker-skel-text{-webkit-animation:skel-shimmer 1.5s ease-in-out infinite;animation:skel-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05) 75%);background-size:200% 100%}.design-ticker-skel-text{border-radius:6px;height:10px}@-webkit-keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.remix-chain{align-items:center;-webkit-animation:fade-in-up .3s ease;animation:fade-in-up .3s ease;display:flex;flex-wrap:wrap;gap:0;padding:10px 0 4px}@-webkit-keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.remix-chain-label{color:rgba(139,92,246,.7);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.08em;margin-right:8px;text-transform:uppercase;white-space:nowrap}.remix-chain-node{align-items:center;display:flex;gap:0}.remix-chain-step{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;gap:6px;max-width:160px;padding:4px 8px 4px 4px;transition:background .2s,border-color .2s,-webkit-transform .15s;transition:background .2s,border-color .2s,transform .15s;transition:background .2s,border-color .2s,transform .15s,-webkit-transform .15s}.remix-chain-step:hover{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.35);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.remix-chain-step.current{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.4);cursor:default}.remix-chain-step.current:hover{-webkit-transform:none;transform:none}.remix-chain-thumb{background:hsla(0,0%,100%,.06);object-fit:cover}.remix-chain-thumb,.remix-chain-thumb-placeholder{border-radius:4px;flex-shrink:0;height:24px;width:24px}.remix-chain-thumb-placeholder{align-items:center;background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(59,130,246,.3));display:flex;font-size:11px;justify-content:center}.remix-chain-info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.remix-chain-step-label{color:rgba(139,92,246,.8);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.remix-chain-step-prompt{color:hsla(0,0%,100%,.6);font-size:10px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remix-chain-arrow{color:rgba(139,92,246,.5);flex-shrink:0;font-size:13px;margin:0 4px;-webkit-user-select:none;user-select:none}.remix-chain-clear{background:none;border:none;border-radius:4px;color:hsla(0,0%,100%,.25);cursor:pointer;flex-shrink:0;font-size:14px;margin-left:6px;padding:2px 4px;transition:color .2s}.remix-chain-clear:hover{color:hsla(0,0%,100%,.5)}[data-theme=light] .remix-chain-step{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.09)}[data-theme=light] .remix-chain-step:hover{background:rgba(139,92,246,.07)}[data-theme=light] .remix-chain-step.current{background:rgba(139,92,246,.1)}[data-theme=light] .remix-chain-step-prompt{color:rgba(0,0,0,.55)}.garment-color-picker{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 6px;position:relative}.garment-color-label{color:hsla(0,0%,100%,.55);font-size:.78rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.garment-color-swatches{align-items:center;display:flex;gap:8px}.garment-swatch{align-items:center;border:2.5px solid transparent;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;outline:none;padding:0;position:relative;transition:box-shadow .15s ease,border-color .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,-webkit-transform .15s ease;width:28px}.garment-swatch:hover{-webkit-transform:scale(1.18);transform:scale(1.18)}.garment-swatch.active{-webkit-transform:scale(1.22);transform:scale(1.22)}.garment-swatch-check{font-size:13px;font-weight:700;line-height:1;pointer-events:none}.garment-color-tooltip{-webkit-animation:fadeIn .1s ease;animation:fadeIn .1s ease;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:hsla(0,0%,100%,.65);font-size:.72rem;padding:2px 8px;pointer-events:none}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(2px);transform:translateY(2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(2px);transform:translateY(2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.5fb8dfb2.css.map*/