.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);background:#fdfafdcc;border-bottom:1px solid #ff2e9314;padding:1rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);background:var(--gradient-pink-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.nav-links{align-items:center;gap:1.5rem;display:flex}.desktop-nav{display:flex}.mobile-nav-right{align-items:center;gap:.75rem;display:none}.hamburger-btn{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);background:0 0;border:1px solid #ff2e9333;justify-content:center;align-items:center;padding:0;display:flex}.hamburger-btn:hover{border-color:var(--color-pink-primary);color:var(--color-pink-primary);background:#ff2e9314}.mobile-drawer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fdfafdf7;border-top:1px solid #ff2e9314;flex-direction:column;padding:1rem 0;animation:.2s forwards slideDown;display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-left:3px solid #0000;padding:.9rem 1.5rem;font-size:1rem;font-weight:600}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--color-pink-primary);border-left-color:var(--color-pink-primary);background:#ff2e930a}.mobile-drawer-footer{border-top:1px solid #ff2e9312;align-items:center;margin-top:.75rem;padding:.75rem 1.5rem .5rem;display:flex}.nav-item{color:var(--text-secondary);transition:color var(--transition-fast);cursor:pointer;font-size:.95rem;font-weight:500;text-decoration:none}.nav-item:hover,.nav-item.active{color:var(--color-pink-primary)}.token-pill{color:var(--text-primary);border-radius:var(--radius-full);background:#ff2e931a;border:1px solid #ff2e9333;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600;display:flex}.token-pill svg{color:var(--color-pink-primary)}.hero{text-align:center;padding:5rem 0 3rem;position:relative}.hero-badge{color:var(--color-pink-primary);border-radius:var(--radius-full);background:#ff2e931a;border:1px solid #ff2e9333;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero h1{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.hero h1 span{background:var(--gradient-pink-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.6}.hero-actions{justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.slider-wrapper{border-radius:var(--radius-lg);aspect-ratio:4/3;border:1px solid #ff2e9333;max-width:680px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080,0 0 40px #ff2e9326}.slider-container{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.slider-image{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.image-after{z-index:10}.image-before{z-index:20}.slider-handle-bar{background:var(--color-pink-primary);z-index:30;cursor:ew-resize;width:3px;box-shadow:0 0 10px var(--color-pink-glow);position:absolute;top:0;bottom:0}.slider-handle-button{background:var(--bg-secondary);border:2px solid var(--color-pink-primary);width:42px;height:42px;color:var(--text-primary);box-shadow:0 0 15px var(--color-pink-glow);cursor:ew-resize;transition:background var(--transition-fast), transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider-handle-button:hover{background:var(--color-pink-primary);transform:translate(-50%,-50%)scale(1.1)}.slider-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);z-index:25;background:#ffffffd9;border:1px solid #ff2e9326;padding:.3rem .8rem;font-size:.75rem;font-weight:700;position:absolute;bottom:1rem}.slider-label.before{left:1rem}.slider-label.after{z-index:15;right:1rem}.playground-section{padding:3rem 0 5rem}.mobile-playground-header{display:none}.desktop-playground-header{display:block}.playground-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:2.5rem;min-width:0;display:grid}@media (width<=900px){.playground-grid{grid-template-columns:minmax(0,1fr)}.preview-panel{order:-1}.mobile-playground-header{text-align:center;margin-bottom:.5rem;padding:0 1rem;display:block}.mobile-playground-header .section-title{justify-content:center;font-size:1.5rem}.desktop-playground-header{display:none}}.control-panel{flex-direction:column;gap:1.5rem;min-width:0;padding:2rem;display:flex}.section-title{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;display:flex}.selector-group{flex-direction:column;gap:.75rem;display:flex}.selector-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.85rem;font-weight:700}.category-chips{flex-wrap:wrap;gap:.45rem;display:flex}.category-chip{font-family:var(--font-body);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #00000014;padding:.4rem .85rem;font-size:.78rem;font-weight:600;line-height:1;transition:all .18s}.category-chip:hover{color:var(--color-pink-primary);background:#ff2e9305;border-color:#ff2e934d}.category-chip.active{background:var(--color-pink-primary);border-color:var(--color-pink-primary);color:#fff;box-shadow:0 3px 10px #ff2e9333}.pill-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem;display:grid}.pill-option{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:center;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#00000005;border:1px solid #0000000d;padding:.6rem .8rem;font-size:.85rem;font-weight:500}.pill-option:hover{color:var(--text-primary);background:#ff2e930d;border-color:#ff2e9333}.pill-option.selected{border-color:var(--color-pink-primary);color:#fff;background:#ff2e9326;font-weight:600;box-shadow:0 0 12px #ff2e9326}.preview-panel{flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:480px;padding:2rem;display:flex;position:relative}.dropzone{border-radius:var(--radius-md);text-align:center;cursor:pointer;width:100%;height:380px;transition:all var(--transition-normal);background:#fff6;border:2px dashed #ff2e9340;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.dropzone:hover{border-color:var(--color-pink-primary);background:#ff2e9305;box-shadow:inset 0 0 20px #ff2e930d}.dropzone-icon{width:60px;height:60px;color:var(--color-pink-primary);transition:transform var(--transition-fast);background:#ff2e931a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.dropzone:hover .dropzone-icon{transform:translateY(-5px)scale(1.05)}.dropzone h3{margin-bottom:.5rem;font-size:1.15rem}.dropzone p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.file-input{display:none}.preview-container{border-radius:var(--radius-md);border:1px solid #ffffff1a;width:100%;height:380px;position:relative;overflow:hidden}.preview-container img{object-fit:cover;width:100%;height:100%}.preview-overlay{background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.delete-preview-btn{color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition-fast);background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.delete-preview-btn:hover{background:#ff3b30;border-color:#ff3b30}.loading-overlay{z-index:50;background:#fdfafdeb;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.spinner-outer{border:3px solid #ff2e931a;border-top-color:var(--color-pink-primary);border-bottom-color:var(--color-purple-primary);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:2rem;animation:1.5s linear infinite spin;display:flex;position:relative}.spinner-inner{border:3px solid #0000;border-left-color:var(--color-pink-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite reverse spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{border-radius:var(--radius-full);background:#ffffff1a;width:240px;height:6px;margin-bottom:1rem;overflow:hidden}.progress-bar{background:var(--gradient-pink-purple);width:0%;height:100%;transition:width .1s linear}.loading-text{margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.loading-subtext{color:var(--text-muted);font-size:.85rem}.preview-controls{gap:1rem;width:100%;margin-top:1.5rem;display:flex}.preview-controls button{flex:1}.pricing-section{text-align:center;padding:4rem 0 6rem}.pricing-title{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem}.pricing-subtitle{color:var(--text-secondary);margin-bottom:3.5rem;font-size:1.05rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.pricing-card{flex-direction:column;align-items:center;padding:2.5rem 2rem;display:flex;position:relative}.pricing-card.featured{border-color:var(--color-pink-primary);background:linear-gradient(#ff2e930a 0%,#ffffffe6 100%);box-shadow:0 10px 40px #ff2e9314}.featured-badge{background:var(--gradient-pink-purple);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 10px var(--color-pink-glow);padding:.35rem .9rem;font-size:.75rem;font-weight:800;position:absolute;top:-12px}.tier-name{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:1rem;font-size:1.15rem}.tier-price{font-size:2.75rem;font-weight:800;font-family:var(--font-heading);margin-bottom:.5rem}.tier-price span{color:var(--text-muted);font-size:1rem;font-weight:500}.tier-tokens{color:var(--color-pink-primary);margin-bottom:2rem;font-size:1rem;font-weight:700}.tier-features{text-align:left;flex-direction:column;gap:.75rem;width:100%;margin-bottom:2.5rem;list-style:none;display:flex}.tier-features li{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.tier-features li svg{color:var(--color-pink-primary);flex-shrink:0}.pricing-card button{width:100%;margin-top:auto}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#fcf6fa66;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:460px;padding:2.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScaleUp;position:relative;overflow:hidden}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;position:absolute;top:1rem;right:1rem}.modal-close-btn:hover{color:var(--text-primary)}.auth-tabs{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;display:flex}.auth-tab{text-align:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;flex:1;padding:.75rem;font-weight:600}.auth-tab.active{color:var(--color-pink-primary);border-bottom-color:var(--color-pink-primary)}.checkout-card-preview{border-radius:var(--radius-md);background:linear-gradient(135deg,#ff9eb5 0%,#a18cd1 100%);border:1px solid #ff2e934d;flex-direction:column;justify-content:space-between;width:100%;height:180px;margin-bottom:2rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #ff2e9326}.checkout-card-preview:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff2e931a 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.card-logo{color:#fffc;justify-content:space-between;align-items:center;font-style:italic;font-weight:800;display:flex}.card-chip{border-radius:var(--radius-sm);opacity:.85;background:linear-gradient(135deg,#ffe082 0%,#ffb300 100%);width:40px;height:30px}.card-number-display{letter-spacing:.15em;color:#fff;text-shadow:0 2px 4px #00000080;margin:1.5rem 0 1rem;font-family:Courier New,Courier,monospace;font-size:1.25rem}.card-details-row{color:var(--text-secondary);justify-content:space-between;font-size:.8rem;display:flex}.card-holder-name{text-transform:uppercase;color:#fff;font-weight:600}.card-expiry-display{color:#fff;font-family:Courier New,Courier,monospace;font-weight:600}.payment-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.payment-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0;display:flex}.success-icon-wrapper{color:#2eff93;background:#2eff931a;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;font-size:2rem;animation:2s infinite pulseSuccess;display:flex;box-shadow:0 0 20px #2eff9333}@keyframes pulseSuccess{0%{box-shadow:0 0 #2eff9366}70%{box-shadow:0 0 0 15px #2eff9300}to{box-shadow:0 0 #2eff9300}}.payment-success h2{color:#fff;margin-bottom:.5rem;font-size:1.75rem}.payment-success p{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.history-section{padding:3rem 0 5rem}.history-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.history-card{border-radius:var(--radius-md);aspect-ratio:1;cursor:pointer;border:1px solid #ffffff0d;position:relative;overflow:hidden}.history-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.history-card:hover img{transform:scale(1.05)}.history-card-overlay{opacity:0;width:100%;height:100%;transition:opacity var(--transition-fast);background:linear-gradient(#0000 60%,#000c 100%);align-items:flex-end;padding:1rem;display:flex;position:absolute;top:0;left:0}.history-card:hover .history-card-overlay{opacity:1}.history-card-info{width:100%}.history-card-title{color:#fff;font-size:.85rem;font-weight:700}.history-card-date{color:var(--text-muted);font-size:.7rem}.style-cards-grid{scrollbar-width:thin;scrollbar-color:#ff2e9333 #ff2e9305;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:130px;align-content:start;gap:.5rem;width:100%;max-height:calc(390px + 1rem);margin-top:1rem;padding-right:.35rem;display:grid;overflow:hidden auto}.style-cards-grid::-webkit-scrollbar{width:5px}.style-cards-grid::-webkit-scrollbar-track{border-radius:var(--radius-full);background:#ff2e9305}.style-cards-grid::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ff2e9333}.style-cards-grid::-webkit-scrollbar-thumb:hover{background:var(--color-pink-primary)}.style-card{cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #0000000f;border-radius:12px;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.style-card:hover{border-color:#ff2e9340;transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.style-card.selected{border-color:var(--color-pink-primary);background:#fffbfd;box-shadow:0 4px 15px #ff2e931f}.style-card-image-wrapper{background:#ffffff05;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.style-card-image{object-fit:cover;width:100%;height:100%}.style-card-footer{text-align:center;color:var(--text-secondary);transition:all var(--transition-fast);background:#fffffff2;border-top:1px solid #0000000d;padding:.35rem .25rem;font-size:.68rem;font-weight:600}.style-card.selected .style-card-footer{color:var(--color-pink-primary);background:#ff2e930d}.no-change-card{background:#ff2e9308!important}.no-change-card.selected{background:#ff2e9314!important}.no-change-graphic{grid-template-columns:repeat(4,1fr);align-content:center;justify-items:center;gap:.6rem;width:100%;height:100%;padding:1.2rem .6rem;display:grid}.no-change-dot{width:13px;height:13px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 2px 4px #0000004d}.style-card:hover .no-change-dot{transform:scale(1.15)}.hero-stats-row{flex-wrap:wrap;justify-content:center;gap:1.25rem;max-width:900px;margin:2.5rem auto 3.5rem;display:flex}.hero-stats-row .stat-card{border-radius:var(--radius-md);text-align:left;flex:calc(25% - 1.25rem);align-items:center;gap:1rem;min-width:190px;padding:1rem 1.25rem;display:flex}.stat-icon-wrapper{color:var(--color-pink-primary);border-radius:var(--radius-full);background:#ff2e9314;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 0 10px #ff2e930d}.stat-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:800;line-height:1.2}.stat-info p{color:var(--text-secondary);font-size:.75rem;font-weight:500}.landing-section{border-top:1px solid #ff2e930d;padding:5rem 0}.section-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:3.5rem;display:flex}.section-badge{color:var(--color-pink-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;background:#ff2e9314;border:1px solid #ff2e9326;padding:.35rem .85rem;font-size:.75rem;font-weight:700}.section-header h2{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:.5rem;font-size:2.25rem}.section-header p{color:var(--text-secondary);max-width:500px;margin:.25rem auto 0;font-size:1rem}.transformations-section{background:#ffffff4d}.transformations-grid{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.transformations-grid::-webkit-scrollbar{width:5px}.transformations-grid::-webkit-scrollbar-track{background:0 0}.transformations-grid::-webkit-scrollbar-thumb{background:#ff2e934d;border-radius:10px}.transformations-grid::-webkit-scrollbar-thumb:hover{background:#ff2e9399}@media (width<=1024px){.transformations-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}.transformation-card{border-radius:var(--radius-lg);transition:transform var(--transition-normal), border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.transformation-card:hover{border-color:#ff2e9340;transform:translateY(-5px);box-shadow:0 12px 30px #ff2e930f}.transformation-image-wrapper{aspect-ratio:3/4;background:var(--bg-tertiary);border-bottom:1px solid #ff2e930d;width:100%;position:relative;overflow:hidden}.transformation-gif{object-fit:cover;width:100%;height:100%}.transformation-hot-badge{background:var(--color-pink-primary);color:#fff;z-index:10;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700;position:absolute;top:8px;left:8px}.transformation-slider-line{z-index:5;pointer-events:none;background:#ffffffe6;width:1.5px;position:absolute;top:0;bottom:0}.transformation-slider-handle{width:16px;height:16px;color:var(--text-secondary);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000040}.transformation-badge{z-index:4;letter-spacing:.05em;opacity:.85;border-radius:4px;padding:2px 6px;font-size:.55rem;font-weight:700;position:absolute;bottom:6px}.transformation-badge.before{color:#fff;background:#1e112ad9;left:6px}.transformation-badge.after{background:var(--color-pink-primary);color:#fff;right:6px}.transformation-card-title-bottom{color:var(--text-primary);text-align:center;margin-top:.75rem;font-size:.8rem;font-weight:700}.transformation-meta{text-align:left;padding:1.25rem}.transformation-meta h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.transformation-meta p{color:var(--text-secondary);margin:0;font-size:.8rem}.process-section{background:0 0}.process-timeline{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.process-card{border-radius:var(--radius-lg);text-align:left;transition:transform var(--transition-normal);flex-direction:column;align-items:flex-start;gap:.75rem;padding:2.25rem 1.75rem;display:flex;position:relative}.process-card:hover{transform:translateY(-4px)}.process-step-num{font-family:var(--font-heading);color:#ff2e931f;-webkit-user-select:none;user-select:none;font-size:2rem;font-weight:800;position:absolute;top:1rem;right:1.5rem}.process-icon-box{color:var(--color-pink-primary);background:#ff2e9314;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.5rem;display:flex}.process-card h3{color:var(--text-primary);font-size:1.15rem;font-weight:700}.process-card p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.why-choose-section{background:#fff3}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.benefit-card{border-radius:var(--radius-lg);text-align:left;transition:transform var(--transition-normal);flex-direction:column;align-items:flex-start;gap:.75rem;padding:2rem;display:flex}.benefit-card:hover{transform:translateY(-4px)}.benefit-icon-wrapper{color:var(--color-pink-primary);border-radius:var(--radius-full);background:#ff2e9314;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:.25rem;display:flex}.benefit-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:700}.benefit-card p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}@media (width<=768px){.category-chips{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap!important;gap:.4rem!important;padding-bottom:.4rem!important;display:flex!important;overflow-x:auto!important}.category-chips::-webkit-scrollbar{display:none}.category-chip{white-space:nowrap!important;border-radius:100px!important;flex-shrink:0!important;padding:.35rem .75rem!important;font-size:.75rem!important}.color-grid-4col{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.color-grid-dot{width:14px;height:14px}.color-grid-name{font-size:.58rem}.style-cards-grid{scrollbar-width:thin!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-content:start!important;gap:.5rem!important;max-height:540px!important;padding-bottom:.5rem!important;padding-right:.2rem!important;display:grid!important;overflow:hidden auto!important}.style-card{box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:column!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}.style-card:hover{transform:none!important}.style-card-image-wrapper{aspect-ratio:1!important;background:#ffffff80!important;border:1.5px solid #0000000f!important;border-radius:10px!important;flex:none!important;width:100%!important;height:auto!important;overflow:hidden!important}.style-card.selected .style-card-image-wrapper{border:2px solid var(--color-pink-primary)!important;box-shadow:0 3px 10px #ff2e9338!important}.style-card-image,.style-card-img{object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.style-card-footer{color:var(--text-primary)!important;white-space:normal!important;width:100%!important;max-width:100%!important;text-overflow:unset!important;text-align:center!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;min-height:28px!important;margin:0!important;padding:.3rem .1rem 0!important;font-size:.65rem!important;font-weight:600!important;line-height:1.25!important;display:block!important;overflow:visible!important}.style-card.selected .style-card-footer{color:var(--color-pink-primary)!important}.dropzone-actions{gap:.5rem}.dropzone-actions .btn{padding:.5rem .85rem;font-size:.82rem}}@media (width<=1100px){.desktop-nav{display:none!important}.mobile-nav-right,.mobile-drawer{display:flex!important}.hero{padding:3rem 0 2rem}.hero h1{font-size:2.25rem;line-height:1.15}.hero p{margin-bottom:2rem;font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:2.5rem}.hero-actions .btn{justify-content:center;width:100%;padding:.85rem 1rem;font-size:.95rem}.slider-wrapper{border-radius:var(--radius-md);max-width:100%}.slider-handle-button{width:34px;height:34px}.playground-section{padding:2rem 0 3rem}.playground-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}.control-panel{gap:1.25rem;padding:1.25rem}.preview-panel{min-height:320px;padding:1.25rem}.dropzone{height:260px;padding:1.5rem 1rem}.preview-container{height:260px}.style-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-content:start;gap:.6rem;max-height:480px;padding-bottom:.5rem;padding-right:.25rem;overflow:hidden auto}.style-card{height:auto}.style-card-image-wrapper{height:90px}.style-card-footer{justify-content:center;align-items:center;min-height:28px;padding:.35rem .15rem;font-size:.6rem;display:flex}.pill-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.pill-option{padding:.5rem .6rem;font-size:.8rem}.preview-controls{flex-direction:column;gap:.75rem}.preview-controls .btn{justify-content:center;width:100%}.landing-section{padding:3.5rem 0}.transformations-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.transformation-card-outer{scroll-snap-align:unset}.transformation-card-title-bottom{margin-top:.5rem;font-size:.82rem}.process-timeline{grid-template-columns:1fr 1fr;gap:1rem}.process-card{padding:1.5rem 1.25rem}.process-card h3{font-size:1rem}.process-step-num{font-size:1.5rem;top:.75rem;right:1rem}.benefits-grid{grid-template-columns:1fr;gap:1rem}.benefit-card{padding:1.5rem}.section-header{margin-bottom:2.5rem}.section-header h2{font-size:1.75rem}.pricing-section{padding:2.5rem 0 4rem}.pricing-title{padding:0 1rem;font-size:1.75rem}.pricing-subtitle{margin-bottom:2rem;padding:0 1rem;font-size:.9rem}.billing-toggle{flex-wrap:nowrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:0 1rem;display:flex;overflow-x:auto}.billing-toggle button{white-space:nowrap;flex-shrink:0;padding:.5rem .9rem;font-size:.8rem}.pricing-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-flow:row;gap:1rem;max-width:100%;margin:0;padding:.5rem 1rem 1.5rem;display:flex;overflow:auto visible}.pricing-grid::-webkit-scrollbar{display:none}.pricing-card{text-align:center;scroll-snap-align:center;flex:0 0 78vw;min-width:240px;max-width:300px;padding:1.75rem 1.25rem}.tier-name{font-size:1rem}.tier-price{font-size:2.25rem}.tier-tokens{margin-bottom:1.5rem;font-size:.9rem}.tier-features{gap:.6rem;margin-bottom:1.75rem}.tier-features li{text-align:left;font-size:.85rem}.pricing-card button{padding:.85rem;font-size:.95rem}.featured-badge{padding:.3rem .75rem;font-size:.7rem}.save-badge{padding:.2rem .5rem;font-size:.7rem}.payment-form-row{grid-template-columns:1fr}.history-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.modal-content{border-radius:var(--radius-md);padding:1.75rem 1.25rem}.bottom-cta-section h2{font-size:1.85rem!important}.bottom-cta-section p{font-size:.95rem!important}}@media (width<=420px){.hero h1{font-size:1.9rem}.logo{font-size:1.3rem}.process-timeline,.history-grid{grid-template-columns:1fr}.hero-stats-row .stat-card{flex:100%;min-width:0}.transformations-grid{grid-template-columns:repeat(2,1fr)}.section-header h2{font-size:1.55rem}}@media (width>=769px) and (width<=1024px){.hero h1{font-size:2.75rem}.playground-grid{grid-template-columns:1fr}.process-timeline,.benefits-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr);max-width:720px;padding:0}.pricing-card{padding:2rem 1.25rem}.tier-price{font-size:2rem}.transformations-grid,.history-grid{grid-template-columns:repeat(3,1fr)}}.footer-grid{grid-template-columns:1.8fr 1fr 1fr;gap:3rem;display:grid}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;display:grid}.trust-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem;padding:1.25rem 0;display:flex}.trust-strip-item{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:1.05rem;font-weight:600;display:flex}.trust-strip-item svg{color:var(--color-pink-primary);flex-shrink:0}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.5rem}.blog-grid{grid-template-columns:1fr;gap:1.25rem}.trust-strip{gap:1.25rem}.trust-divider{display:none}}@media (width<=420px){.footer-grid,.blog-grid{grid-template-columns:1fr}}@media (width>=769px) and (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-grid>div:first-child{grid-column:1/-1}.blog-grid{grid-template-columns:repeat(2,1fr)}}.selected-badge{background:var(--color-pink-primary);color:#fff;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;animation:.2s cubic-bezier(.34,1.56,.64,1) forwards badgeScaleIn;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #ff2e9366}@keyframes badgeScaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.batch-thumbnails-container{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;width:100%;margin-top:1.5rem;padding:1rem}.batch-thumbnails-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:700}.batch-thumbnails-grid{scrollbar-width:thin;scrollbar-color:#ff2e9333 transparent;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.batch-thumbnails-grid::-webkit-scrollbar{height:4px}.batch-thumbnails-grid::-webkit-scrollbar-thumb{background:#ff2e9333;border-radius:4px}.batch-thumbnail-wrapper{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#0003;border:2px solid #0000;flex:0 0 80px;position:relative;overflow:hidden}.batch-thumbnail-wrapper.active{border-color:var(--color-pink-primary);box-shadow:0 0 8px #ff2e934d}.batch-thumbnail-img{object-fit:cover;width:100%;height:100%}.batch-thumbnail-label{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#000000a6;padding:2px;font-size:.6rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.generation-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;width:100%;margin-bottom:1.5rem;display:grid}.generation-card{border-radius:var(--radius-md);background:#0f0f1499;border:1px solid #ffffff14;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.generation-card:hover{border-color:#ff2e9366;transform:translateY(-3px);box-shadow:0 8px 30px #ff2e931f}.generation-card-image-wrapper{background:#0d0d12;flex-shrink:0;width:100%;padding-top:133.33%;position:relative;overflow:hidden}.generation-card-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.generation-card-badge{-webkit-backdrop-filter:blur(6px);color:#fff;z-index:4;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:#000000b3;border:1px solid #ffffff1f;border-radius:20px;max-width:calc(100% - 70px);padding:3px 10px;font-size:.68rem;font-weight:700;position:absolute;top:8px;left:8px;overflow:hidden}.generation-card-status-badge{z-index:4;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:3px 8px;font-size:.62rem;font-weight:800;position:absolute;top:8px;right:8px}.generation-card-status-badge.success{color:#fff;background:#22c55ee6}.generation-card-status-badge.generating{color:#000;background:#ffc107eb}.generation-card-status-badge.pending{color:#fff;background:#64748bd9}.generation-card-status-badge.error{color:#fff;background:#ef4444e6}.generation-card-overlay{z-index:3;-webkit-backdrop-filter:blur(3px);text-align:center;background:#05050aa6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:absolute;top:0;left:0}.generation-card-spinner{border:2.5px solid #ff2e931f;border-top-color:var(--color-pink-primary);border-radius:50%;flex-shrink:0;width:32px;height:32px;margin-bottom:.6rem;animation:.9s linear infinite spin}.generation-card-progress{color:#ffffffb3;margin-top:4px;font-size:.72rem;font-weight:600}.generation-card-footer{background:#0a0a12e6;border-top:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.generation-card-info{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.generation-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.generation-card-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.63rem;overflow:hidden}.generation-card-actions{flex-shrink:0;gap:.35rem;display:flex}.generation-card-btn{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;text-decoration:none;transition:all .2s;display:flex}.generation-card-btn:hover{background:var(--color-pink-primary);border-color:var(--color-pink-primary);transform:scale(1.05);box-shadow:0 0 10px #ff2e934d}.animate-spin-slow{animation:3s linear infinite spin}.lightbox-overlay{animation:.2s ease-out fadeIn}.testimonials-section{padding:5rem 0}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.testimonial-card{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff12;flex-direction:column;gap:1rem;padding:1.75rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.testimonial-card:hover{border-color:#ff2e9333;transform:translateY(-4px);box-shadow:0 12px 30px #ff2e9314}.testimonial-stars{gap:3px;display:flex}.testimonial-text{color:var(--text-secondary);flex:1;font-size:.9rem;font-style:italic;line-height:1.65}.testimonial-text:before{content:"\"";color:var(--color-pink-primary);vertical-align:-.4rem;margin-right:2px;font-size:1.5rem;font-style:normal;line-height:0}.testimonial-author{align-items:center;gap:.75rem;display:flex}.testimonial-avatar{border:2px solid #ff2e9340;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:flex}.testimonial-author-info{flex-direction:column;display:flex}.testimonial-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.testimonial-meta{color:var(--text-muted);font-size:.72rem}.onboarding-hint{border-radius:var(--radius-md);color:var(--color-pink-primary);background:#ff2e9314;border:1px solid #ff2e9333;align-items:center;gap:.65rem;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.82rem;font-weight:600;animation:2s ease-in-out infinite pulse-border;display:flex}@keyframes pulse-border{0%,to{border-color:#ff2e9333}50%{border-color:#ff2e9380;box-shadow:0 0 12px #ff2e931f}}.style-card-popular-badge{background:linear-gradient(135deg, var(--color-pink-primary), #a855f7);color:#fff;text-transform:uppercase;letter-spacing:.04em;z-index:5;border-radius:4px;padding:2px 5px;font-size:.55rem;font-weight:800;position:absolute;top:4px;right:4px;box-shadow:0 2px 6px #ff2e9359}@keyframes countUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.live-counter{animation:.3s ease-out countUp}@media (width<=768px){.generation-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.generation-card-badge{padding:2px 7px;font-size:.6rem}.generation-card-footer{padding:.5rem .65rem}.generation-card-title{font-size:.72rem}.testimonials-grid{grid-template-columns:1fr}}@media (width<=480px){.generation-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.generation-card-spinner{width:24px;height:24px}}.mobile-bottom-dock{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#ffffffd9;border-top:1px solid #ff2e9326;justify-content:space-around;align-items:center;height:64px;padding:0 .5rem;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #ff2e930f}@media (width<=1100px){.mobile-bottom-dock{display:flex}body{padding-bottom:74px}}.dock-item{height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:4px 1px;font-size:.65rem;font-weight:600;transition:color .2s,transform .2s;display:flex}.dock-item svg{transition:transform .2s,stroke-width .2s}.dock-item:hover,.dock-item.active{color:var(--color-pink-primary)}.dock-item.active svg{stroke-width:2.5px;transform:scale(1.05)}.dock-scan-btn{background:var(--gradient-pink-purple);z-index:1001;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:-18px;box-shadow:0 4px 15px #ff2e9366}.dock-item:hover .dock-scan-btn{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #ff2e9380}.vip-badge-mini{color:#fff;text-shadow:0 1px 2px #00000040;letter-spacing:.05em;vertical-align:middle;background:linear-gradient(135deg,gold 0%,#ff8c00 100%);border:1px solid #fff3;border-radius:4px;margin-left:.35rem;padding:1px 6px;font-size:.65rem;font-weight:800;line-height:normal;display:inline-block;box-shadow:0 2px 4px #ff8c004d}.scan-line-laser{animation:2s ease-in-out infinite scanLineMove}@keyframes scanLineMove{0%{top:0%}50%{top:100%}to{top:0%}}.category-landing-hero{text-align:center;background:radial-gradient(circle at 50% 0,#ff2e9314 0%,#fff0 70%);border:1px solid #ff2e930a;border-radius:24px;margin-bottom:2.5rem;padding:4rem 1.5rem 3rem;position:relative;overflow:hidden}.dark-mode .category-landing-hero{background:radial-gradient(circle at 50% 0,#ff2e9326 0%,#0000 70%)}.glowing-orb{filter:blur(80px);opacity:.4;z-index:0;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute}.pink-orb{background:var(--color-pink-primary);top:-20px;left:25%}.purple-orb{background:var(--color-purple-primary);bottom:-20px;right:25%}.landing-title{color:var(--text-primary);letter-spacing:-.02em;z-index:1;margin-bottom:1rem;font-size:2.75rem;font-weight:800;position:relative}.landing-title .gradient-text{background:var(--gradient-pink-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-subtitle{color:var(--text-secondary);z-index:1;max-width:680px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.6;position:relative}.landing-stats{z-index:1;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex;position:relative}.stat-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);background:#fff9;border:1px solid #ff2e9326;border-radius:50px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #ff2e930a}.dark-mode .stat-badge{background:#ffffff0d;border-color:#ff2e9340}.style-card-image-wrapper{background:#fdfafd;border:1px solid #0000000d;border-radius:12px;justify-content:center;align-items:center;height:110px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.style-card:hover .style-card-image-wrapper{border-color:var(--color-pink-primary)}.style-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.style-card:hover .style-card-img{transform:scale(1.08)}.style-card-overlay{opacity:0;background:linear-gradient(#0000 60%,#0000004d 100%);transition:opacity .3s;position:absolute;inset:0}.style-card:hover .style-card-overlay{opacity:1}.face-scan-hero{text-align:center;background:radial-gradient(circle at 50% 0,#ff2e931a 0%,#fff0 75%);border:1px solid #ff2e930d;border-radius:24px;margin-bottom:2.5rem;padding:4rem 1.5rem 3.5rem}.scan-laser-glow{margin:0 auto 1.5rem;display:inline-block;position:relative}.scan-laser-glow:after{content:"";border:2px solid var(--color-pink-primary);border-radius:50%;animation:2s infinite pulseScan;position:absolute;inset:0}@keyframes pulseScan{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.before-after-grid{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;max-width:900px;margin:0 auto;display:grid}.before-after-col{flex-direction:column;align-items:center;width:100%;display:flex}.before-after-label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.before-after-label.before{color:#a0aec0}.before-after-label.after{color:#ff2e93}@media (width<=640px){.before-after-grid{grid-template-columns:1fr;gap:1rem}}.pill-options-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;width:100%;margin-top:.5rem;display:grid}@media (width<=900px){.pill-options-grid{grid-template-columns:repeat(4,1fr)}}.color-swatch-option{aspect-ratio:1;cursor:pointer;width:100%;transition:all var(--transition-fast);background-clip:padding-box;border:1px solid #00000014;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 1px 2px #fff9,0 2px 4px #0000000d}.color-swatch-option:hover{border-color:var(--color-pink-primary);z-index:5;transform:scale(1.15);box-shadow:0 0 8px #ff2e9333}.color-swatch-option.selected{border-color:var(--color-pink-primary);z-index:4;transform:scale(1.08);box-shadow:0 0 10px #ff2e934d,inset 0 0 0 1px #fff6}.color-swatch-option.selected:before{content:"";z-index:2;background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0006}.color-swatch-hot-badge{background:var(--color-pink-primary);color:#fff;text-transform:uppercase;z-index:10;pointer-events:none;border-radius:4px;padding:2px 4px;font-size:7px;font-weight:700;line-height:1;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 3px #ff2e9366}.color-grid-4col{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;width:100%;margin-top:.5rem;display:grid}.color-grid-item{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-family:var(--font-body);background:#00000005;border:1px solid #0000000f;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;min-width:0;padding:.45rem .2rem .4rem;display:flex;position:relative}.color-grid-item:hover{background:#ff2e930a;border-color:#ff2e934d;transform:translateY(-1px)}.color-grid-item.selected{border-color:var(--color-pink-primary);background:#ff2e931a;box-shadow:0 0 8px #ff2e9326}.color-grid-dot{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:18px;height:18px;display:block;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #00000014}.color-grid-name{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.6rem;font-weight:500;line-height:1.2;display:block;overflow:hidden}.color-grid-item.selected .color-grid-name{color:var(--color-pink-primary);font-weight:700}.color-grid-hot{background:var(--color-pink-primary);color:#fff;text-transform:uppercase;letter-spacing:.02em;pointer-events:none;z-index:10;border-radius:4px;padding:3px 5px;font-size:10px;font-weight:800;line-height:1;position:absolute;top:-8px;right:-6px}.dropzone-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:0;margin-bottom:0;display:flex}.dropzone-actions .btn{align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.88rem;display:flex}.dropzone{cursor:default}.style-card-footer{white-space:nowrap;text-overflow:ellipsis;text-align:center;min-height:28px;color:var(--text-secondary);transition:all var(--transition-fast);background:#fffffff2;border-top:1px solid #0000000d;flex-shrink:0;justify-content:center;align-items:center;padding:.35rem .25rem;font-size:.68rem;font-weight:600;display:flex;overflow:hidden}.slider-comparison-wrapper{flex-direction:column;gap:1rem;width:100%;display:flex}.slider-comparison-container{aspect-ratio:3/4;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;border:1px solid #ffffff1a;width:100%;max-height:500px;position:relative;overflow:hidden}.slider-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.slider-after-clip{height:100%;position:absolute;top:0;left:0;overflow:hidden}.slider-img-after{object-fit:cover;width:100vw;max-width:600px;height:100%;position:absolute;top:0;left:0}.slider-divider{z-index:10;background:#fff;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 10px #0000004d}.slider-handle{width:44px;height:44px;color:var(--color-pink-primary);cursor:grab;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000040}.slider-handle:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.1)}.slider-label-before,.slider-label-after{text-transform:uppercase;letter-spacing:.08em;pointer-events:none;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:100px;padding:.3rem .85rem;font-size:.72rem;font-weight:800;position:absolute;bottom:1rem}.slider-label-before{color:#ffffffe6;background:#0009;border:1px solid #ffffff26;left:.75rem}.slider-label-after{background:var(--color-pink-primary);color:#fff;box-shadow:0 2px 8px #ff2e9359}.slider-actions{justify-content:center;gap:.75rem;display:flex}.slider-actions .btn{flex:1;max-width:200px}.smart-presets-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.preset-chip{cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);font-size:.8rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;background:#ffffffb3;border:1.5px solid #ff2e9326;border-radius:100px;align-items:center;gap:.35rem;padding:.4rem .85rem;display:inline-flex}.preset-chip:hover{border-color:var(--color-pink-primary);color:var(--color-pink-primary);background:#ff2e930f;transform:translateY(-1px)}.preset-chip.active{border-color:var(--color-pink-primary);color:var(--color-pink-primary);background:#ff2e931f;box-shadow:0 0 8px #ff2e9326}.progress-steps{flex-direction:column;gap:.5rem;width:100%;max-width:320px;margin:1rem 0 1.5rem;display:flex}.progress-step{color:var(--text-muted);background:0 0;border-radius:10px;align-items:center;gap:.6rem;padding:.45rem .75rem;font-size:.8rem;font-weight:500;transition:all .3s;display:flex}.progress-step.active{color:var(--color-pink-primary);background:#ff2e9314;font-weight:700}.progress-step.done{color:#10b981}.step-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .3s}.progress-step.active .step-dot{width:10px;height:10px;animation:1s infinite pulse-dot;box-shadow:0 0 8px #ff2e9380}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.eta-badge{color:var(--color-pink-primary);background:#ff2e9314;border:1px solid #ff2e9326;border-radius:100px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.social-proof-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:.75rem;margin:1rem 0;padding:.5rem 0 .75rem;display:flex;overflow-x:auto}.social-proof-scroll::-webkit-scrollbar{display:none}.social-proof-card{background:#ffffffd9;border:1px solid #ff2e931a;border-radius:16px;flex-direction:column;flex:none;gap:.4rem;width:180px;padding:.85rem;display:flex;box-shadow:0 2px 12px #0000000a}.social-proof-name{color:var(--text-primary);font-size:.78rem;font-weight:700}.social-proof-style{color:var(--color-pink-primary);font-size:.72rem;font-weight:600}.social-proof-text{color:var(--text-secondary);font-size:.7rem;line-height:1.4}.social-proof-stars{color:#f59e0b;font-size:.7rem}.privacy-trust-badge{color:#059669;cursor:default;background:#10b9810f;border:1px solid #10b98133;border-radius:100px;align-items:center;gap:.5rem;margin:.75rem 0;padding:.55rem .9rem;font-size:.75rem;font-weight:600;display:flex}.feedback-panel{background:#fffc;border:1px solid #ff2e931a;border-radius:20px;flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding:1.25rem;animation:.35s fadeInUp;display:flex}.feedback-btn{cursor:pointer;transition:all var(--transition-fast);font-size:1.25rem;font-family:var(--font-body);background:0 0;border:1.5px solid #00000014;border-radius:100px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;display:flex}.feedback-btn:hover{transform:scale(1.1)}.feedback-btn.positive:hover,.feedback-btn.positive.active{background:#10b98114;border-color:#10b981}.feedback-btn.negative:hover,.feedback-btn.negative.active{background:#f43f5e14;border-color:#f43f5e}.feedback-reasons{flex-wrap:wrap;justify-content:center;gap:.5rem;animation:.25s fadeInUp;display:flex}.feedback-reason-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem;font-family:var(--font-body);background:0 0;border:1px solid #ff2e9333;border-radius:100px;padding:.3rem .7rem}.feedback-reason-btn:hover{border-color:var(--color-pink-primary);color:var(--color-pink-primary);background:#ff2e930f}.feedback-thanks{color:#10b981;font-size:.85rem;font-weight:700;animation:.25s fadeInUp}.mobile-generate-cta{display:none}@media (width<=900px){.mobile-generate-cta{bottom:calc(var(--dock-height,70px) + 12px);z-index:200;animation:.3s slideUp;display:flex;position:fixed;left:1rem;right:1rem}.mobile-generate-cta .btn{letter-spacing:.02em;border-radius:16px;width:100%;padding:1rem;font-size:1rem;font-weight:800;animation:2.5s ease-in-out infinite pulse-glow;box-shadow:0 8px 24px #ff2e9359}.mobile-generate-cta .btn:disabled{box-shadow:none;opacity:.5;animation:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{transform:scale(1);box-shadow:0 8px 24px #ff2e9359}50%{transform:scale(1.015);box-shadow:0 8px 32px #ff2e9399}to{transform:scale(1);box-shadow:0 8px 24px #ff2e9359}}.achievement-toast{background:linear-gradient(135deg,#fff 0%,#ff2e930a 100%);border:1.5px solid #ff2e9333;box-shadow:0 8px 32px #ff2e9326}.magic-grid{scrollbar-width:thin;scrollbar-color:#ff2e9333 transparent;flex-wrap:nowrap;gap:1rem;width:100%;padding-bottom:.75rem;display:flex;overflow-x:auto}.magic-grid::-webkit-scrollbar{height:6px}.magic-grid::-webkit-scrollbar-track{background:0 0}.magic-grid::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ff2e9333}.magic-grid::-webkit-scrollbar-thumb:hover{background:var(--color-pink-primary)}.magic-grid>div{flex:0 0 calc(16.666% - .833rem);min-width:145px}@media (width<=1024px){.magic-grid>div{flex:0 0 150px}}@media (width<=768px){.playground-section{padding-bottom:6rem;padding-left:.75rem;padding-right:.75rem}.playground-grid{gap:1rem}.control-panel,.preview-panel{padding:1rem .85rem;min-width:0!important}.selector-group{margin-bottom:1rem}.smart-presets-row{scrollbar-width:none;-ms-overflow-style:none;gap:.4rem;padding-bottom:.4rem;flex-wrap:nowrap!important;display:flex!important;overflow-x:auto!important}.smart-presets-row::-webkit-scrollbar{display:none}.preset-chip{padding:.35rem .65rem;font-size:.75rem}.category-landing-hero{margin-bottom:1.5rem;padding:2rem 1rem 1.5rem}.landing-stats{flex-wrap:wrap;justify-content:center;gap:.5rem}.stat-badge{flex:auto;justify-content:center;max-width:200px;padding:.35rem .75rem;font-size:.75rem}.transformations-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.benefits-grid{grid-template-columns:1fr 1fr;gap:.75rem}.testimonials-grid{grid-template-columns:1fr;gap:1rem}.process-timeline{grid-template-columns:1fr 1fr;gap:.75rem}}@media (width<=480px){.benefits-grid,.process-timeline{grid-template-columns:1fr}}.mobile-nav-item{color:var(--text-primary);border-radius:12px;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:block}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--color-pink-primary);background:#ff2e9314}@media (width<=600px){.dropzone{min-height:200px;padding:2rem 1rem}}.analysis-main-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=768px){.analysis-main-grid{grid-template-columns:1fr;gap:1.25rem}}@media (width<=480px){.analysis-characteristics-grid{grid-template-columns:1fr}}.dashboard-grid{grid-template-columns:clamp(260px,30%,300px) 1fr;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-page-container{background:var(--bg-primary);padding:4rem 0 6rem}@media (width<=768px){.dashboard-page-container{padding:2rem 0 4rem}}.try-free-banner{color:var(--color-pink-primary);letter-spacing:.03em;background:#ff2e930f;border:1px solid #ff2e932e;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;width:fit-content;margin:0 auto 1.5rem;padding:.4rem 1.1rem;font-size:.75rem;font-weight:700;display:inline-flex}.preview-header{text-align:center;justify-content:center;margin-bottom:1.25rem;display:flex}.preview-title-uppercase{color:#0000;text-transform:uppercase;letter-spacing:.1em;background:var(--gradient-pink-text,linear-gradient(135deg, #ff2e93, #a855f7));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.78rem;font-weight:800;display:inline-block}.preview-viewer-area{justify-content:center;width:100%;margin-bottom:1.5rem;display:flex}.demo-comparison-wrapper{border-radius:var(--radius-md);width:100%;max-width:480px;box-shadow:var(--glass-shadow);overflow:hidden}.uploaded-preview-wrapper{border-radius:var(--radius-md);width:100%;max-width:450px;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);overflow:hidden}.uploaded-preview-img{width:100%;height:auto;display:block}.dropzone-modern{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:linear-gradient(135deg,#ff2e9305,#ffffffa6);border:2px dashed #ff2e9340;margin-bottom:1.25rem;padding:2.25rem 1.5rem;transition:all .25s;position:relative;overflow:hidden}.dropzone-modern:hover{border-color:var(--color-pink-primary);background:linear-gradient(135deg,#ff2e930a,#ffffffbf);transform:translateY(-1px);box-shadow:0 0 20px #ff2e931a}.dropzone-modern h3{color:var(--text-primary);margin:.6rem 0 .25rem;font-size:1.05rem;font-weight:750}.dropzone-subtext{color:var(--text-muted);font-size:.72rem;font-weight:500}.dropzone-hint{color:var(--color-pink-primary);margin-top:.4rem;font-size:.75rem;font-weight:700}.dropzone-icon{color:var(--color-pink-primary);opacity:.85;justify-content:center;display:flex}.upload-actions-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin-bottom:1.5rem;display:flex}.upload-actions-bar .btn-sm{align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.78rem;display:flex}.upload-actions-bar .btn-danger-text{color:#ff4d4d;border-color:#ff4d4d33}.upload-actions-bar .btn-danger-text:hover{background:#ff4d4d0d;border-color:#ff4d4d}@media (width<=768px){.upload-actions-bar .btn-sm{flex:auto;justify-content:center;min-width:105px;max-width:150px;padding:.45rem .6rem;font-size:.72rem}}.generate-action-box{flex-direction:column;align-items:center;gap:.6rem;width:100%;margin-top:.5rem;display:flex}.generate-btn-large{border-radius:var(--radius-full);letter-spacing:.01em;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:1rem 1.75rem;font-size:1rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 24px #ff2e9347}.generate-btn-large:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff2e9366}.generate-btn-large:disabled{opacity:.55;cursor:not-allowed;transform:none}.generate-btn-cost{opacity:.9;margin-left:.25rem;font-size:.8rem;font-weight:600}@media (width<=480px){.generate-btn-large,.mobile-generate-cta .btn{text-align:center;white-space:normal!important;flex-wrap:wrap!important;height:auto!important;padding:.75rem 1rem!important;font-size:.88rem!important;line-height:1.2!important}}.generate-helper-links{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.78rem;display:flex}.helper-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.1rem .2rem;font-size:.78rem;font-weight:600;text-decoration:underline;transition:color .2s}.helper-link:hover{color:var(--color-pink-primary)}.helper-separator{color:var(--text-muted)}.preview-controls-row{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;margin-top:1rem;display:flex}.upsell-box-modern{border-radius:var(--radius-md);text-align:center;background:#ff2e930a;border:1px solid #ff2e9333;width:100%;margin-top:1.5rem;padding:1rem}.upsell-box-modern p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.82rem;line-height:1.5}.gender-btn{font-size:.85rem;font-weight:700;font-family:var(--font-body);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;text-align:center;background:#fff;border:1px solid #00000014;flex:1;padding:.55rem 1rem;transition:all .2s}.gender-btn.active{background:var(--color-pink-primary);border-color:var(--color-pink-primary);color:#fff;box-shadow:0 3px 10px #ff2e9333}.gender-btn:hover:not(.active){background:#ff2e9305;border-color:#ff2e934d}.color-scroll-row{scroll-behavior:smooth;scrollbar-width:none;gap:1.25rem;width:100%;margin-top:.4rem;padding:.5rem .2rem;display:flex;overflow-x:auto}.color-scroll-row::-webkit-scrollbar{display:none}.color-scroll-item{cursor:pointer;-webkit-user-select:none;user-select:none;width:80px;transition:all var(--transition-fast);background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem .5rem;display:flex;box-shadow:0 1px 3px #00000005}.color-scroll-item:hover{background:#fff8fa;border-color:#ff2e9333;transform:translateY(-2px)}.color-scroll-item.selected{border-color:var(--color-pink-primary);background:#fff5f8;box-shadow:0 4px 12px #ff2e931f}.color-scroll-dot{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;position:relative;box-shadow:inset 0 2px 4px #0000001a,0 2px 4px #0000000f}.color-scroll-item:hover .color-scroll-dot,.color-scroll-item.selected .color-scroll-dot{transform:scale(1.08)}.color-scroll-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.68rem;font-weight:600;font-family:var(--font-body);transition:color .18s;overflow:hidden}.color-scroll-item.selected .color-scroll-name{color:var(--color-pink-primary);font-weight:800}.color-scroll-hot{background:var(--color-pink-primary);color:#fff;letter-spacing:.02em;border-radius:4px;padding:.1rem .25rem;font-size:.52rem;font-weight:900;position:absolute;top:-5px;right:-5px;transform:scale(.9);box-shadow:0 2px 4px #ff2e934d}.feedback-panel{border-radius:var(--radius-sm);background:#ffffff73;border:1px solid #0000000a;flex-direction:column;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.85rem;display:flex}.feedback-title{color:var(--text-secondary);font-size:.82rem;font-weight:700}.feedback-buttons{gap:.75rem;display:flex}.feedback-btn{background:var(--bg-secondary);cursor:pointer;color:var(--text-secondary);border:1px solid #0000000f;border-radius:8px;padding:.4rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s}.feedback-btn:hover{background:#00000005;border-color:#0000001f}.feedback-thanks{color:var(--color-pink-primary);font-size:.84rem;font-weight:700}@media (width>=901px){.playground-grid{grid-template-columns:.95fr 1.05fr!important}}.pg-badge-row{justify-content:center;margin-bottom:1.5rem;display:flex}.pg-free-badge{color:var(--color-pink-primary);letter-spacing:.02em;background:#ff2e9312;border:1px solid #ff2e932e;border-radius:100px;align-items:center;gap:.4rem;padding:.4rem 1.1rem;font-size:.78rem;font-weight:700;display:inline-flex}.pg-panel-label{text-transform:uppercase;letter-spacing:.1em;text-align:center;background:var(--gradient-pink-text,linear-gradient(135deg, #ff2e93, #a855f7));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:.72rem;font-weight:800}.pg-viewer{width:100%;margin-bottom:1.25rem}.pg-demo-wrap,.pg-result-wrap,.pg-uploaded-wrap{border-radius:var(--radius-md);width:100%;overflow:hidden}.pg-uploaded-wrap{background:#f5f0f4;justify-content:center;align-items:center;min-height:260px;display:flex}.pg-uploaded-img{object-fit:contain;border-radius:var(--radius-md);width:100%;max-height:400px;display:block}.pg-multi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;display:grid}.pg-card{background:#fff;border-radius:12px;transition:transform .2s;overflow:hidden;box-shadow:0 2px 8px #0000000f}.pg-card:hover{transform:translateY(-2px)}.pg-card-img-wrap{aspect-ratio:3/4;position:relative;overflow:hidden}.pg-card-img{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .25s}.pg-card:hover .pg-card-img{transform:scale(1.03)}.pg-card-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-pink-primary);background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;inset:0}.pg-card-overlay.err{color:#f44;background:#fff0f0e6}.pg-card-spinner{border:3px solid #ff2e9326;border-top-color:var(--color-pink-primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.pg-card-prog{background:#00000014;border-radius:100px;width:70%;height:3px;overflow:hidden}.pg-card-prog>div{background:var(--gradient-pink-purple);height:100%;transition:width .3s}.pg-card-footer{justify-content:space-between;align-items:center;gap:.25rem;padding:.5rem .6rem;display:flex}.pg-card-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700;overflow:hidden}.pg-card-actions{flex-shrink:0;gap:.25rem;display:flex}.pg-icon-btn{cursor:pointer;width:26px;height:26px;color:var(--text-secondary);background:#0000000a;border:none;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:flex}.pg-icon-btn:hover{color:var(--color-pink-primary);background:#ff2e931a}.pg-dropzone{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:linear-gradient(160deg,#ff2e9306 0%,#ffffff80 100%);border:2px dashed #ff2e9347;width:100%;margin-bottom:1rem;padding:2rem 1.5rem;transition:all .25s;position:relative}.pg-dropzone:hover{border-color:var(--color-pink-primary);background:linear-gradient(160deg,#ff2e930d 0%,#ffffffb3 100%);transform:translateY(-2px);box-shadow:0 0 24px #ff2e931a}.pg-dropzone-icon{width:56px;height:56px;color:var(--color-pink-primary);background:#ff2e931a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto .85rem;transition:transform .2s;display:flex}.pg-dropzone:hover .pg-dropzone-icon{transform:scale(1.1)}.pg-dropzone-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:750}.pg-dropzone-sub{color:var(--text-muted);margin:0 0 .5rem;font-size:.73rem}.pg-dropzone-hint{color:#ff2e9399;margin:0;font-size:.72rem;font-weight:600}.pg-photo-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.pg-photo-btn{border-radius:var(--radius-full);background:var(--bg-secondary);min-width:0;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:1px solid #00000012;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.pg-photo-btn:hover{color:var(--color-pink-primary);background:#ff2e930a;border-color:#ff2e934d}.pg-photo-btn.danger{color:#e53e3e}.pg-photo-btn.danger:hover{background:#e53e3e0a;border-color:#e53e3e4d}.pg-generate-box{flex-direction:column;align-items:center;gap:.65rem;width:100%;margin-top:.25rem;display:flex}.pg-generate-btn{border-radius:var(--radius-full);background:var(--gradient-pink-purple);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 24px #ff2e9352}.pg-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff2e9373}.pg-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pg-gen-cost{opacity:.8;font-size:.78rem;font-weight:600}.pg-gen-links{align-items:center;gap:.4rem;font-size:.76rem;display:flex}.pg-link{color:var(--color-pink-primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:.76rem;font-weight:600;text-decoration:underline}.pg-sep{color:var(--text-muted)}.pg-loading-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;border-radius:var(--radius-md);background:#fdfafdf0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex;position:absolute;inset:0}.pg-spinner{border:3px solid #ff2e931f;border-top-color:var(--color-pink-primary);border-bottom-color:var(--color-purple-primary);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:1.4s linear infinite spin;display:flex}.pg-spinner-inner{border:3px solid #0000;border-left-color:var(--color-pink-primary);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite reverse spin}.pg-loading-label{color:var(--text-primary);text-align:center;margin:0;font-size:.9rem;font-weight:600}.pg-progress-bar-track{background:#0000000f;border-radius:100px;width:220px;height:5px;overflow:hidden}.pg-progress-bar-fill{background:var(--gradient-pink-purple);border-radius:100px;height:100%;transition:width .15s linear}.pg-progress-pct{color:var(--color-pink-primary);margin:0;font-size:.78rem;font-weight:700}.pg-steps-list{flex-direction:column;align-items:flex-start;gap:.3rem;width:100%;max-width:220px;display:flex}.pg-step{color:var(--text-muted);opacity:.4;align-items:center;gap:.5rem;font-size:.7rem;transition:opacity .3s;display:flex}.pg-step.active{opacity:1;color:var(--color-pink-primary);font-weight:700}.pg-step.done{opacity:.7;color:var(--text-secondary)}.pg-step-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.pg-result-bar{gap:.65rem;width:100%;margin-top:1rem;display:flex}.pg-result-bar .btn{flex:1}.pg-upsell{text-align:center;background:#ff2e930a;border:1px solid #ff2e9324;border-radius:12px;width:100%;margin-top:1rem;padding:.85rem 1rem}.pg-upsell p{color:var(--text-secondary);margin:0 0 .6rem;font-size:.8rem;line-height:1.4}.pg-privacy{color:var(--text-muted);text-align:center;margin:.75rem 0 0;font-size:.7rem}.pg-feedback{color:var(--text-secondary);background:#ffffff80;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;padding:.75rem;font-size:.82rem;font-weight:600;display:flex}.pg-feedback-btns{gap:.5rem;display:flex}.pg-fb-btn{background:var(--bg-secondary);cursor:pointer;border:1px solid #00000014;border-radius:8px;padding:.35rem .85rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s}.pg-fb-btn.active{background:var(--color-pink-primary);color:#fff;border-color:var(--color-pink-primary)}.pg-fb-reasons{flex-wrap:wrap;justify-content:center;gap:.4rem;width:100%;display:flex}.pg-fb-reason{background:var(--bg-secondary);cursor:pointer;color:var(--text-secondary);border:1px solid #00000014;border-radius:6px;padding:.28rem .65rem;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .15s}.pg-fb-reason:hover{color:var(--color-pink-primary);border-color:#ff2e934d}.pg-fb-thanks{color:var(--color-pink-primary);font-weight:700}.pg-token-row{color:var(--text-secondary);border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.75rem 0;font-size:.78rem;font-weight:600;display:flex}.pg-token-cost{color:var(--color-pink-primary)}@media (width<=900px){.playground-section{padding-bottom:7rem!important}.playground-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.preview-panel{order:-1}.preview-panel,.control-panel{padding:1rem!important}.pg-dropzone{padding:2.5rem 1rem}.pg-generate-btn{padding:1.05rem 1rem;font-size:.95rem}.pg-multi-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.pg-photo-bar{gap:.4rem}.pg-photo-btn{padding:.45rem .5rem;font-size:.72rem}.desktop-playground-header{display:none}.mobile-playground-header{text-align:center;margin-bottom:1rem;display:block!important}.category-chips{scrollbar-width:none;padding-bottom:.25rem;flex-wrap:nowrap!important;gap:.4rem!important;display:flex!important;overflow-x:auto!important}.category-chips::-webkit-scrollbar{display:none}.category-chip{white-space:nowrap;flex-shrink:0}.style-cards-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}.slider-label-before,.slider-label-after{padding:.2rem .55rem!important;font-size:.65rem!important;bottom:.5rem!important}}@media (width<=480px){.style-cards-grid{grid-template-columns:repeat(4,1fr)!important;gap:.4rem!important}.pg-multi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=380px){.playground-grid{gap:.75rem!important}.preview-panel,.control-panel{padding:.75rem!important}.style-cards-grid{grid-template-columns:repeat(2,1fr)!important}}.lang-switcher-container{display:inline-block;position:relative}.lang-switcher-btn{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ff2e930d;border:1px solid #ff2e9326;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.85rem;font-weight:600;display:flex}.lang-switcher-btn:hover{border-color:var(--color-pink-primary);color:var(--color-pink-primary);background:#ff2e931a;box-shadow:0 0 10px #ff2e9326}.lang-dropdown-menu{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);z-index:1000;background:#fdfafdfa;border:1px solid #ff2e9326;flex-direction:column;gap:.2rem;min-width:130px;padding:.4rem;animation:.2s cubic-bezier(.16,1,.3,1) forwards langDropdownFade;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0000001a,0 0 12px #ff2e930d}@keyframes langDropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root{--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-primary:#fcf6fa;--bg-secondary:#fff;--bg-tertiary:#f9eff7;--color-pink-primary:#ff2e93;--color-pink-glow:#ff2e9333;--color-pink-hover:#ff52a9;--color-purple-primary:#8a2be2;--color-purple-glow:#8a2be226;--color-accent-orange:#ff7b00;--text-primary:#1e112a;--text-secondary:#5d4d6d;--text-muted:#8d7d9d;--glass-bg:#ffffffbf;--glass-border:#ff2e931f;--glass-border-focus:#ff2e9359;--glass-blur:16px;--glass-shadow:0 8px 32px 0 #ff2e930a;--gradient-pink-purple:linear-gradient(135deg, var(--color-pink-primary) 0%, var(--color-purple-primary) 100%);--gradient-glow:linear-gradient(135deg, #ff2e9314 0%, #8a2be214 100%);--gradient-dark:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--gradient-text:linear-gradient(135deg, #1e112a 30%, #5d4d6d 100%);--gradient-pink-text:linear-gradient(135deg, var(--color-pink-primary) 0%, #ff6984 100%);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--dock-height:64px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-pink-primary) var(--bg-secondary);margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 0 0,#ff2e9314 0%,#0000 50%),radial-gradient(circle at 100% 0,#8a2be214 0%,#0000 50%),radial-gradient(circle at 50% 100%,#ff77aa0f 0%,#0000 60%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-pink-primary)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md);transition:border var(--transition-fast), box-shadow var(--transition-fast)}.glass-panel:hover{border-color:#ff2e9340;box-shadow:0 8px 32px #ff2e930d}button,.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-pink-purple);color:#fff;box-shadow:0 4px 15px var(--color-pink-glow);position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2e9399}.btn-primary:hover:after{opacity:1;left:125%}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--text-primary);background:#1e112a0d;border:1px solid #1e112a1a}.btn-secondary:hover{border-color:var(--color-pink-primary);background:#1e112a14;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(1px)}.btn-pink-outline{border:1px solid var(--color-pink-primary);color:var(--color-pink-primary);background:0 0;box-shadow:0 0 10px #ff2e931a}.btn-pink-outline:hover{background:#ff2e931a;transform:translateY(-2px);box-shadow:0 0 15px #ff2e934d}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.form-input{font-family:var(--font-body);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);background:#ffffffd9;outline:none;padding:.8rem 1rem;font-size:.95rem}.form-input:focus{border-color:var(--color-pink-primary);box-shadow:0 0 0 3px #ff2e9333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 5px #ff2e934d}50%{box-shadow:0 0 20px #ff2e9399}to{box-shadow:0 0 5px #ff2e934d}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.shimmer-bg{background:linear-gradient(90deg, var(--bg-tertiary) 25%, #2a1b42 37%, var(--bg-tertiary) 63%);background-size:400% 100%;animation:1.4s infinite shimmer}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cookie-banner{z-index:9999;-webkit-backdrop-filter:blur(20px);opacity:0;background:#fcf6fad9;border:1px solid #ff2e9333;width:calc(100% - 48px);max-width:420px;animation:.5s cubic-bezier(.16,1,.3,1) forwards cookieSlideUp;position:fixed;bottom:24px;left:auto;right:24px;transform:translateY(20px);box-shadow:0 20px 50px #00000026}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.cookie-banner{bottom:var(--dock-height,64px);border-radius:20px 20px 0 0;width:100%;max-width:100%;animation:.5s cubic-bezier(.16,1,.3,1) forwards cookieSlideUpMobile;left:0;right:0;transform:translateY(100%)}}@keyframes cookieSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.analysis-main-grid{grid-template-columns:1fr;gap:2rem;min-height:400px;display:grid}@media (width>=641px){.analysis-main-grid.has-image{grid-template-columns:1fr 1fr}}.analysis-characteristics-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=480px){.analysis-characteristics-grid{grid-template-columns:1fr 1fr}}.before-after-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width>=641px){.before-after-grid.two-columns{grid-template-columns:1fr 1fr}}.hero-actions .btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background:#fff6;border:2px solid #ff2e9359;transition:all .25s}.hero-actions .btn-secondary:hover{border-color:var(--color-pink-primary);background:#ff2e930f;transform:translateY(-2px);box-shadow:0 4px 15px #ff2e931f}.hero-actions .btn-secondary:active{transform:translateY(1px)}