@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@300;400;600;700&display=swap";:root{font-family:Nunito,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;--primary-pink: #FF4D8D;--primary-blue: #38B2AC;--primary-yellow: #F6AD55;--primary-purple: #9F7AEA;--accent-orange: #ED8936;--accent-green: #48BB78;--text-dark: #1A202C;--text-light: #4A5568;--bg-light: #F8FAFC;--bg-card: #FFFFFF;--shadow-soft: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--border-color: #E2E8F0;color:var(--text-dark);background-color:var(--bg-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:var(--primary-pink);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-orange)}body{margin:0;display:block;min-width:320px;min-height:100vh;padding:0;background-color:var(--bg-light)}h1{font-family:Fredoka One,cursive;font-size:3.2em;line-height:1.1;color:var(--text-dark);text-shadow:2px 2px 4px var(--shadow-soft);margin:0}h2{font-family:Fredoka One,cursive;font-size:2.2em;line-height:1.2;color:var(--text-dark);margin:0}h3{font-family:Fredoka One,cursive;font-size:1.8em;color:var(--text-dark);margin:0}p{color:var(--text-light);margin:0}button{border-radius:25px;border:2px solid transparent;padding:.8em 1.5em;font-size:1.1em;font-weight:600;font-family:Nunito,sans-serif;background:linear-gradient(45deg,var(--primary-pink),var(--accent-orange));color:#fff;cursor:pointer;transition:all .3s ease;min-height:50px;box-shadow:0 4px 15px var(--shadow-medium);text-transform:uppercase;letter-spacing:.5px}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium);background:linear-gradient(45deg,var(--accent-orange),var(--primary-pink))}button:focus,button:focus-visible{outline:3px solid var(--primary-yellow);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){h1{font-size:2.5em}h2{font-size:1.8em}h3{font-size:1.5em}button{padding:.8em 1.5em;font-size:1.1em;min-height:48px}}@media (max-width: 480px){h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.3em}button{padding:1em 1.5em;font-size:1.2em;min-height:52px}}.fun-card{background:var(--bg-card);border-radius:20px;box-shadow:0 8px 25px var(--shadow-soft);border:2px solid transparent;background-clip:padding-box;position:relative}.fun-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(45deg,var(--primary-pink),var(--primary-blue),var(--primary-yellow))}.sparkle{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-light)}.app-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 15px #0000000d}.header-top{display:flex;justify-content:space-between;align-items:center;padding:.8rem 2rem;max-width:1400px;margin:0 auto;width:100%}.logo-text{font-family:Fredoka One,cursive;font-size:1.8rem;color:var(--text-dark);letter-spacing:-.02em}.nav-item{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;padding:.8rem 1.2rem;color:var(--text-light);font-weight:700;font-size:.95rem;box-shadow:none;text-transform:none;min-height:3.5rem;transition:all .2s ease;cursor:pointer;display:flex;align-items:center}.nav-item:hover{background:#ff4d8d0d;color:var(--primary-pink)}.nav-item.active{color:var(--primary-pink);border-bottom:4px solid var(--primary-pink)}.content-area{flex:1;padding:3rem 2rem;width:100%}.header-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1400px;margin:0 auto;width:100%}.header-logo{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-text{font-family:Fredoka One,cursive;font-size:1.5rem;color:var(--text-dark)}.header-user-section{display:flex;align-items:center;gap:1.5rem}.user-info{font-weight:600;color:var(--text-light);font-size:.95rem}.logout-button{background:transparent;border:1px solid var(--border-color);color:var(--text-light);padding:.4rem 1rem;font-size:.85rem;min-height:auto;box-shadow:none;text-transform:none}.logout-button:hover{background:var(--bg-light);color:var(--primary-pink);border-color:var(--primary-pink);transform:none}.header-nav{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;max-width:1400px;margin:0 auto;width:100%;border-top:1px solid #f1f5f9}.nav-group{display:flex;gap:.5rem}.nav-item{background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;padding:1rem 1.5rem;color:var(--text-light);font-weight:600;font-size:.95rem;box-shadow:none;text-transform:none;min-height:auto;transition:all .2s ease}.nav-item:hover{background:#00000005;color:var(--primary-pink);transform:none;box-shadow:none}.nav-item.active{color:var(--primary-pink);border-bottom-color:var(--primary-pink)}.pricing-link,.pricing-link:hover{color:var(--primary-purple)}.admin-link{color:var(--accent-orange)}.content-area{flex:1;padding:2rem;width:100%}.page-container{max-width:1200px;margin:0 auto;width:100%}.app-footer{padding:2rem;text-align:center;border-top:1px solid var(--border-color);background:#fff}.reset-button{background:#fff;border:1px solid var(--border-color);color:var(--text-light);padding:.6rem 1.5rem;font-size:.9rem;box-shadow:none;text-transform:none}.reset-button:hover{background:var(--bg-light);border-color:var(--text-dark);color:var(--text-dark)}@media (max-width: 768px){.header-top{padding:1rem}.header-nav{padding:0 .5rem;overflow-x:auto;justify-content:flex-start}.nav-item{padding:.8rem 1rem;font-size:.85rem;white-space:nowrap}.user-info{display:none}.content-area{padding:1rem}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-light);padding:20px}.auth-card{background:#fff;border-radius:24px;padding:3rem;max-width:450px;width:100%;box-shadow:0 20px 60px #0000000d;border:1px solid var(--border-color)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-family:Fredoka One,cursive;font-size:2.5rem;margin-bottom:.5rem;color:var(--text-dark)}.auth-header p{color:var(--text-light);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:700;color:var(--text-dark);font-size:.9rem}.form-group input{padding:.8rem 1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:all .2s;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary-pink);box-shadow:0 0 0 4px #ff4d8d1a}.error-message{background-color:#fff5f5;color:#e53e3e;padding:1rem;border-radius:12px;font-size:.9rem;border:1px solid #FED7D7}.auth-button{padding:1rem;font-size:1.1rem;margin-top:1rem}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.auth-footer p{color:var(--text-light);font-size:.95rem;margin-bottom:.5rem}.auth-card .switch-button{background:none;border:none;color:var(--primary-pink);cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:none;text-transform:none;padding:0;min-height:auto}.auth-card .switch-button:hover{background:none;color:var(--accent-orange);transform:translateY(-1px);box-shadow:none}.auth-links{display:flex;justify-content:space-between;gap:1rem}.auth-card .link-button{background:none;border:none;color:var(--primary-pink);cursor:pointer;font-size:.85rem;font-weight:600;transition:color .2s;box-shadow:none;text-transform:none;padding:0;min-height:auto}.auth-card .link-button:hover{background:none;color:var(--accent-orange);box-shadow:none;transform:none}.success-message{background-color:#f0fff4;color:#276749;padding:1rem;border-radius:12px;font-size:.95rem;border:1px solid #C6F6D5;line-height:1.5}.auth-loading{text-align:center;color:var(--text-light);font-size:1rem;padding:2rem 0}.easy-book-page{width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 100px)}.easy-book-header{text-align:center;margin-bottom:2rem}.easy-book-header h1{font-family:Fredoka One,cursive;font-size:2.2rem;color:var(--text-dark);margin-bottom:.5rem}.easy-book-header p{font-size:1.1rem;color:var(--text-light)}.easy-steps-bar{display:flex;justify-content:center;align-items:flex-start;gap:0;margin-bottom:2.5rem;position:relative}.easy-steps-bar:before{content:"";position:absolute;top:18px;left:15%;right:15%;height:3px;background:var(--border-color);z-index:0}.easy-step-dot{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative;z-index:1}.easy-step-circle{width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--text-light);transition:all .3s ease}.easy-step-dot.active .easy-step-circle{border-color:var(--primary-pink);background:var(--primary-pink);color:#fff;box-shadow:0 4px 15px #ff4d8d4d;transform:scale(1.1)}.easy-step-dot.done .easy-step-circle{border-color:var(--accent-green);background:var(--accent-green);color:#fff}.easy-step-label{font-size:.75rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.03em}.easy-step-dot.active .easy-step-label{color:var(--primary-pink)}.easy-step-dot.done .easy-step-label{color:var(--accent-green)}.easy-step-container{background:#fff;border-radius:28px;padding:2.5rem;box-shadow:0 10px 40px #0000000a;border:1px solid var(--border-color)}.easy-step-content h2{font-family:Fredoka One,cursive;font-size:1.6rem;color:var(--text-dark);margin-bottom:.5rem;text-align:center}.easy-step-description{font-size:1.05rem;color:var(--text-light);text-align:center;margin-bottom:2rem;line-height:1.6}.easy-loading{text-align:center;padding:3rem;color:var(--text-light);font-size:1.1rem;font-weight:600}.easy-styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.2rem;margin-bottom:2rem}.easy-style-card{border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid transparent;background:var(--bg-light)}.easy-style-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000014}.easy-style-card.selected{border-color:var(--primary-pink);box-shadow:0 8px 25px #ff4d8d26}.easy-style-preview{aspect-ratio:1;position:relative;overflow:hidden}.easy-style-preview img{width:100%;height:100%;object-fit:cover}.easy-style-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.easy-style-placeholder span{font-size:2.5rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.easy-style-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--primary-pink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;box-shadow:0 2px 8px #0003}.easy-style-name{padding:.75rem;text-align:center;font-weight:700;font-size:.9rem;color:var(--text-dark)}.easy-upload-area{margin-bottom:2rem}.easy-file-input{display:none}.easy-upload-label{display:block;cursor:pointer;transition:all .3s ease}.easy-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;background:var(--bg-light);border:3px dashed var(--border-color);border-radius:20px;transition:all .3s ease}.easy-upload-placeholder:hover{border-color:var(--primary-pink);background:#ff4d8d05}.easy-upload-icon{font-size:3rem;color:var(--primary-pink);font-weight:300;line-height:1;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ff4d8d14}.easy-upload-text{font-size:1.15rem;font-weight:700;color:var(--text-dark)}.easy-upload-hint{font-size:.9rem;color:var(--text-light)}.easy-photo-preview{position:relative;border-radius:20px;overflow:hidden;max-width:350px;margin:0 auto}.easy-photo-preview img{width:100%;display:block;border-radius:20px}.easy-change-photo{display:block;text-align:center;padding:.75rem;font-size:.9rem;color:var(--primary-pink);font-weight:700}.easy-progress-section{text-align:center;padding:1.5rem;margin-bottom:1.5rem}.easy-progress-text{color:var(--text-light);font-weight:600;margin-top:1rem}.easy-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-pink);border-radius:50%;animation:easy-spin .8s linear infinite;margin:0 auto}.easy-spinner.large{width:60px;height:60px;border-width:5px;margin-bottom:1.5rem}@keyframes easy-spin{to{transform:rotate(360deg)}}.easy-progress-bar{width:100%;max-width:300px;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin:1rem auto 0}.easy-progress-bar.wide{max-width:400px;height:10px}.easy-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-pink),var(--accent-orange));border-radius:4px;transition:width .3s ease}.easy-character-reveal{display:flex;justify-content:center;margin-bottom:2rem}.easy-character-image{width:220px;height:220px;border-radius:20px;object-fit:cover;box-shadow:0 8px 30px #0000001a;border:4px solid white}.easy-name-input-group{max-width:400px;margin:0 auto 2rem}.easy-input-label{display:block;font-weight:700;font-size:.95rem;color:var(--text-dark);margin-bottom:.5rem}.easy-text-input{width:100%;padding:1rem 1.25rem;font-size:1.2rem;font-family:Nunito,sans-serif;border:2px solid var(--border-color);border-radius:14px;outline:none;transition:border-color .2s ease;color:var(--text-dark);background:var(--bg-light);box-sizing:border-box}.easy-text-input:focus{border-color:var(--primary-pink);box-shadow:0 0 0 4px #ff4d8d14}.easy-story-input-group{margin-bottom:1.5rem}.easy-textarea{width:100%;padding:1rem 1.25rem;font-size:1.1rem;font-family:Nunito,sans-serif;border:2px solid var(--border-color);border-radius:14px;outline:none;transition:border-color .2s ease;resize:vertical;color:var(--text-dark);background:var(--bg-light);box-sizing:border-box;line-height:1.6}.easy-textarea:focus{border-color:var(--primary-pink);box-shadow:0 0 0 4px #ff4d8d14}.easy-suggestions{margin-bottom:2rem}.easy-suggestions-label{font-size:.9rem;font-weight:700;color:var(--text-light);margin-bottom:.75rem;text-align:center}.easy-suggestion-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.easy-suggestion-chip{padding:.5rem 1rem;font-size:.85rem;font-weight:600;background:var(--bg-light);color:var(--text-dark);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:0;min-height:auto;box-shadow:none}.easy-suggestion-chip:hover{border-color:var(--primary-pink);background:#ff4d8d0d;color:var(--primary-pink);transform:none;box-shadow:none}.easy-button-row{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.easy-next-btn{padding:1rem 2.5rem;font-size:1.1rem;font-family:Fredoka One,cursive;min-width:220px}.easy-back-btn{padding:1rem 1.5rem;font-size:1rem;background:#fff;color:var(--text-light);border:2px solid var(--border-color);font-weight:700;min-height:auto;box-shadow:none;text-transform:none}.easy-back-btn:hover{border-color:var(--text-light);background:var(--bg-light);transform:none;box-shadow:none}.easy-secondary-btn{padding:1rem 2rem;font-size:1rem;background:#fff;color:var(--primary-pink);border:2px solid var(--primary-pink);font-weight:700;min-height:auto;text-transform:none}.easy-secondary-btn:hover{background:#ff4d8d0d;transform:none;box-shadow:none}.easy-error-banner{background:#fff5f5;border:1px solid #FED7D7;color:#c53030;padding:.75rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-weight:600;text-align:center}.easy-error-banner span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#c53030;color:#fff;font-size:.8rem;font-weight:800;margin-right:.5rem;vertical-align:middle}.easy-creation-step{text-align:center;padding:3rem 2rem}.easy-progress-state h2{margin-top:0}.easy-creation-phases{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-top:2rem}.easy-phase{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-light);font-size:.95rem}.easy-phase-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);transition:all .3s ease}.easy-phase.active .easy-phase-dot{background:var(--primary-pink);box-shadow:0 0 0 4px #ff4d8d33;animation:easy-pulse 1.5s ease-in-out infinite}.easy-phase.done .easy-phase-dot{background:var(--accent-green)}.easy-phase.active{color:var(--text-dark)}.easy-phase.done{color:var(--accent-green)}@keyframes easy-pulse{0%,to{box-shadow:0 0 0 4px #ff4d8d33}50%{box-shadow:0 0 0 8px #ff4d8d1a}}.easy-done-state{padding:2rem 0}.easy-done-icon{width:80px;height:80px;border-radius:50%;background:var(--accent-green);color:#fff;font-size:2.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 25px #48bb784d}.easy-done-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.easy-error-state{padding:2rem 0}.easy-error-icon{width:70px;height:70px;border-radius:50%;background:#fc8181;color:#fff;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.easy-mode-cards{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.easy-mode-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;width:200px;background:var(--bg-light);border:2px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .25s ease;text-align:center;font-family:Nunito,sans-serif;min-height:auto;box-shadow:none;text-transform:none;letter-spacing:0}.easy-mode-card:hover{border-color:var(--primary-pink);background:#fff;transform:translateY(-4px);box-shadow:0 8px 25px #ff4d8d1f}.easy-mode-icon{font-size:2.5rem;line-height:1;margin-bottom:.5rem}.easy-mode-card strong{font-size:1rem;font-weight:800;color:var(--text-dark)}.easy-mode-card span{font-size:.85rem;color:var(--text-light);line-height:1.4}.easy-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-bottom:2rem}.easy-char-card{border-radius:16px;overflow:hidden;cursor:pointer;border:3px solid transparent;background:var(--bg-light);transition:all .25s ease;position:relative;text-align:center}.easy-char-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000014}.easy-char-card.selected{border-color:var(--primary-pink);box-shadow:0 8px 25px #ff4d8d26}.easy-char-thumb{width:100%;aspect-ratio:1;object-fit:cover;display:block}.easy-char-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:#fff}.easy-char-name{padding:.5rem;font-weight:700;font-size:.85rem;color:var(--text-dark)}.easy-empty-state{text-align:center;padding:2rem;color:var(--text-light)}.easy-nocredit-state{padding:2rem 0}.easy-nocredit-icon{font-size:3.5rem;margin-bottom:1rem;display:block;text-align:center}.easy-preview-state{padding:1rem 0}.easy-preview-images{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0;flex-wrap:wrap}.easy-preview-page{display:flex;flex-direction:column;align-items:center;gap:.5rem}.easy-preview-page img{width:220px;height:220px;object-fit:cover;border-radius:12px;box-shadow:0 6px 20px #0000001a;border:3px solid white}.easy-preview-label{font-size:.8rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.easy-book-page{padding:1rem .75rem}.easy-book-header h1{font-size:1.8rem}.easy-step-container{padding:1.5rem;border-radius:20px}.easy-step-content h2{font-size:1.3rem}.easy-styles-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.easy-button-row{flex-direction:column}.easy-next-btn,.easy-back-btn{width:100%;min-width:auto}.easy-step-label{font-size:.65rem}.easy-step-circle{width:30px;height:30px;font-size:.8rem}.easy-steps-bar:before{top:15px;left:10%;right:10%}.easy-character-image{width:180px;height:180px}.easy-done-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.easy-styles-grid{grid-template-columns:repeat(2,1fr)}.easy-suggestion-chips{flex-direction:column;align-items:stretch}.easy-suggestion-chip{text-align:center}}.easy-variants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px auto;max-width:600px}.easy-variant-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:border-color .2s,transform .15s;background:#f5f5f5}.easy-variant-card:hover{transform:translateY(-2px);border-color:#ccc}.easy-variant-card.selected{border-color:var(--primary-color, #6c63ff)}.easy-variant-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.easy-variant-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--primary-color, #6c63ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.easy-variant-label{display:block;text-align:center;font-size:12px;color:#666;padding:6px 0 8px;font-weight:500}@media (max-width: 480px){.easy-variants-grid{gap:10px}}.easy-character-details{width:100%;max-width:500px;margin:0 auto;background:var(--bg-light);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color)}.easy-details-title{font-family:Fredoka One,cursive;font-size:1.2rem;color:var(--text-dark);margin:0 0 .25rem}.easy-details-subtitle{font-size:.85rem;color:var(--text-light);margin:0 0 1.25rem}.easy-detail-field{margin-bottom:1rem}.easy-detail-field:last-child{margin-bottom:0}.easy-detail-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.easy-input-short{max-width:120px}.easy-gender-selector{display:flex;gap:.75rem}.easy-gender-option{flex:1;max-width:160px;padding:.7rem 1.5rem;border:2px solid var(--border-color);border-radius:12px;background:#fff;font-size:.95rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.easy-gender-option:hover{border-color:var(--primary-pink);background:#ff4d8d05}.easy-gender-option.selected{border-color:var(--primary-pink);background:var(--primary-pink);color:#fff}.mvp-landing{width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--bg-light);min-height:100vh;display:block}.mvp-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000a}.mvp-logo-icon{font-family:Fredoka One,cursive;font-size:1.6rem;color:var(--text-dark)}.mvp-nav-btn{padding:.5rem 1.2rem;font-size:.95rem;min-height:auto;text-transform:none}.mvp-hero{padding:1rem 5% 3rem;background:linear-gradient(135deg,#e3f2fd,#fff);overflow-x:hidden}.mvp-hero-container{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.mvp-hero-left{text-align:center;flex:1}.mvp-social-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fffc;padding:.5rem 1rem;border-radius:20px;margin-bottom:1rem;box-shadow:0 2px 8px #0000000d}.mvp-social-badge .stars{color:#fbbf24;font-size:1.1rem}.mvp-social-badge .text{font-size:.85rem;font-weight:700;color:#4b5563}.mvp-hero-title{font-family:Fredoka One,cursive;font-size:2.5rem;line-height:1.1;margin-bottom:.5rem;color:#1a202c}.mvp-highlight{color:var(--primary-pink);white-space:nowrap}.mvp-hero-subtitle{font-size:1.1rem;color:#4a5568;margin-bottom:1.5rem;line-height:1.4}.mvp-hero-cta-wrapper{margin-bottom:1rem}.mvp-hero-guarantee{font-size:.8rem;color:#718096;font-weight:500}.mvp-hero-right{flex:1;background:#fff;padding:1rem;border-radius:20px;box-shadow:0 4px 12px #0000000d;max-width:100%}.mvp-examples-label{font-family:Fredoka One,cursive;font-size:1.2rem;color:#4a5568;margin-bottom:1rem;text-align:center}.mvp-showcase-container{display:flex;flex-direction:column;gap:1.5rem;padding:0;background:none;box-shadow:none}.mvp-showcase-item{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.5rem;background:#f7fafc;border-radius:12px}.mvp-showcase-stage{flex:3;display:flex;align-items:center;gap:.5rem;margin:0}.mvp-showcase-caption{flex:1;font-size:.9rem;text-align:left;line-height:1.2;margin:0}.mvp-showcase-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.mvp-showcase-card{width:45%}.mvp-showcase-arrow svg{width:16px;height:16px}.mvp-showcase-badge{font-size:.6rem;padding:2px 6px;bottom:4px}.mvp-upload-placeholder{padding:1.5rem;border-width:2px}.mvp-upload-icon-circle{width:48px;height:48px;margin-bottom:.75rem}.mvp-upload-title{font-size:1.2rem}@media (min-width: 768px){.mvp-hero-container{flex-direction:row;align-items:flex-start;text-align:left;padding-top:2rem}.mvp-hero-left{text-align:left;padding-right:2rem}.mvp-hero-title{font-size:3rem}.mvp-showcase-container{gap:1rem}.mvp-showcase-item{padding:1rem}}@media (max-width: 767px){.mvp-hero{padding:1rem 1rem 2rem}.mvp-hero-title{font-size:2rem}.mvp-hero-left{order:1}.mvp-hero-right{order:2;margin-top:1rem}.mvp-showcase-stage{gap:.25rem}.mvp-showcase-caption{display:none}.mvp-showcase-item{flex-direction:column;gap:.5rem;padding:.5rem}.mvp-showcase-caption{display:block;text-align:center;font-size:.85rem}}.mvp-hero-content{max-width:700px;margin:0 auto 3rem}.mvp-hero-title{font-size:3rem;line-height:1.15;margin-bottom:1.2rem}.mvp-highlight{color:var(--primary-pink);position:relative;display:inline}.mvp-hero-subtitle{font-size:1.25rem;color:var(--text-light);max-width:580px;margin:0 auto;line-height:1.6}.mvp-showcase-container{max-width:900px;margin:0 auto;padding:1rem;background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;gap:3rem}.mvp-showcase-item{display:flex;flex-direction:column;align-items:center}.mvp-showcase-stage{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem;width:100%}.mvp-showcase-card{flex:1;max-width:250px;position:relative}.mvp-showcase-image-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0000001a;aspect-ratio:1;background:#f0f0f0}.mvp-showcase-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mvp-showcase-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#ffffffe6;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:800;box-shadow:0 2px 8px #0000001a;white-space:nowrap;font-family:Fredoka One,cursive}.mvp-showcase-badge.original{color:var(--primary-blue)}.mvp-showcase-badge.generated{color:var(--primary-pink)}.mvp-showcase-arrow{color:var(--text-light);opacity:.5;animation:bounceRight 2s infinite;display:flex;align-items:center;justify-content:center}.mvp-showcase-arrow svg{width:32px;height:32px}.mvp-showcase-caption{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark);text-align:center}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media (max-width: 768px){.mvp-showcase-stage{gap:.5rem}.mvp-showcase-badge{padding:2px 8px;font-size:.7rem;bottom:5px}.mvp-showcase-arrow svg{width:20px;height:20px}}.mvp-main-section{max-width:700px;margin:0 auto;padding:2rem 1.5rem 4rem}.mvp-upload-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.mvp-upload-zone{width:100%}.mvp-file-input{display:none}.mvp-upload-label{display:block;cursor:pointer}.mvp-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3.5rem 2rem;background:#fff;border:3px dashed var(--border-color);border-radius:24px;transition:all .3s ease}.mvp-upload-placeholder:hover{border-color:var(--primary-pink);background:#ff4d8d05;transform:translateY(-2px)}.mvp-upload-icon-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ff4d8d1a,#f6ad551a);display:flex;align-items:center;justify-content:center;color:var(--primary-pink)}.mvp-upload-title{font-family:Fredoka One,cursive;font-size:1.4rem;color:var(--text-dark)}.mvp-upload-hint{font-size:1rem;color:var(--text-light);font-weight:600}.mvp-upload-tip{font-size:.85rem;color:var(--text-light);opacity:.7}.mvp-photo-preview{position:relative;border-radius:24px;overflow:hidden;max-width:350px;margin:0 auto}.mvp-photo-preview img{width:100%;display:block;border-radius:24px}.mvp-change-photo{display:block;text-align:center;padding:.75rem;font-size:.9rem;color:var(--primary-pink);font-weight:700}.mvp-style-picker{width:100%}.mvp-style-label{font-weight:700;font-size:.95rem;color:var(--text-dark);text-align:center;margin-bottom:.75rem}.mvp-style-options{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.mvp-style-option{flex:0 0 auto;width:80px;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem;background:#fff;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:auto;box-shadow:none;text-transform:none;letter-spacing:0;color:var(--text-dark)}.mvp-style-option:hover{border-color:var(--primary-pink);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f;background:#fff}.mvp-style-option.active{border-color:var(--primary-pink);background:#ff4d8d0d;box-shadow:0 4px 12px #ff4d8d26}.mvp-style-option img{width:48px;height:48px;border-radius:8px;object-fit:cover}.mvp-style-letter{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800}.mvp-style-name{font-size:.65rem;font-weight:700;color:var(--text-light);text-align:center;line-height:1.2}.mvp-generate-btn{padding:1.2rem 2.5rem;font-size:1.2rem;font-family:Fredoka One,cursive;width:100%;max-width:480px}.mvp-generating{text-align:center;padding:4rem 2rem}.mvp-spinner{width:56px;height:56px;border:5px solid var(--border-color);border-top-color:var(--primary-pink);border-radius:50%;animation:mvp-spin .8s linear infinite;margin:0 auto 2rem}@keyframes mvp-spin{to{transform:rotate(360deg)}}.mvp-generating-title{font-family:Fredoka One,cursive;font-size:1.6rem;margin-bottom:.5rem}.mvp-generating-sub{font-size:1.05rem;color:var(--text-light);margin-bottom:1.5rem}.mvp-progress-bar{width:100%;max-width:400px;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin:0 auto}.mvp-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-pink),var(--accent-orange));border-radius:4px;transition:width .3s ease}.mvp-progress-message{font-size:.9rem;color:var(--text-light);margin-top:.75rem;font-weight:600}.mvp-result-section{text-align:center}.mvp-result-images{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.mvp-result-before,.mvp-result-after{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mvp-result-before img,.mvp-result-after img{width:180px;height:180px;border-radius:20px;object-fit:cover;box-shadow:0 8px 30px #0000001a;border:4px solid white}.mvp-result-after img{border-color:var(--primary-pink)}.mvp-result-before span,.mvp-result-after span{font-size:.85rem;font-weight:700;color:var(--text-light)}.mvp-result-arrow{color:var(--primary-pink)}.mvp-result-variants{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mvp-variants-label{font-size:.85rem;font-weight:700;color:var(--text-light)}.mvp-variants-grid{display:flex;gap:.75rem}.mvp-variant-card{position:relative;cursor:pointer;border-radius:16px;overflow:hidden;border:3px solid transparent;transition:border-color .2s ease,transform .2s ease}.mvp-variant-card:hover{transform:scale(1.05)}.mvp-variant-card.selected{border-color:var(--primary-pink);box-shadow:0 4px 16px #ff4d8d4d}.mvp-variant-card img{width:120px;height:120px;object-fit:cover;display:block}.mvp-variant-check{position:absolute;top:6px;right:6px}.mvp-name-section{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.mvp-name-label{font-family:Fredoka One,cursive;font-size:1.3rem;color:var(--text-dark)}.mvp-name-input{width:100%;padding:1rem 1.25rem;font-size:1.2rem;font-family:Nunito,sans-serif;border:2px solid var(--border-color);border-radius:14px;outline:none;transition:border-color .2s ease;color:var(--text-dark);background:#fff;box-sizing:border-box;text-align:center}.mvp-name-input:focus{border-color:var(--primary-pink);box-shadow:0 0 0 4px #ff4d8d14}.mvp-next-btn{padding:1rem 2rem;font-size:1.15rem;font-family:Fredoka One,cursive;width:100%}.mvp-how-it-works{padding:5rem 5%;text-align:center;background:#fff}.mvp-section-title{font-family:Fredoka One,cursive;font-size:2rem;margin-bottom:3rem}.mvp-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:800px;margin:0 auto}.mvp-step-card{padding:2rem 1.5rem;border-radius:20px;background:var(--bg-light)}.mvp-step-icon{width:64px;height:64px;margin:0 auto 1.25rem}.mvp-step-icon svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(255,77,141,.2))}.mvp-step-card h3{font-family:Fredoka One,cursive;font-size:1.1rem;margin-bottom:.5rem}.mvp-step-card p{font-size:.95rem;color:var(--text-light)}.mvp-social-proof{background:var(--primary-blue);padding:4rem 5%;text-align:center}.mvp-testimonial p{font-size:1.5rem;font-style:italic;color:#fff;max-width:700px;margin:0 auto 1.5rem;line-height:1.5}.mvp-author{color:#fffc;font-weight:700;font-size:1rem}.mvp-footer{padding:3rem 5%;background:var(--text-dark);text-align:center}.mvp-footer p{color:#ffffff80;font-size:.9rem}.mvp-footer-links{margin-top:.5rem}.mvp-footer-links a{color:#ffffff80;text-decoration:none}.mvp-footer-links a:hover{color:#fffc;text-decoration:underline}.mvp-error-banner{background:#fff5f5;border:1px solid #FED7D7;color:#c53030;padding:.75rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-weight:600;text-align:center}.mvp-auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.mvp-auth-card{background:#fff;border-radius:24px;padding:2.5rem;width:100%;max-width:400px;position:relative;box-shadow:0 20px 60px #0003}.mvp-auth-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:var(--bg-light);border:none;color:var(--text-light);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;min-height:auto;box-shadow:none}.mvp-auth-close:hover{background:var(--border-color);transform:none;box-shadow:none}.mvp-auth-title{font-family:Fredoka One,cursive;font-size:1.5rem;margin-bottom:.5rem;text-align:center}.mvp-auth-sub{text-align:center;font-size:.95rem;color:var(--text-light);margin-bottom:1.5rem}.mvp-auth-error{background:#fff5f5;color:#c53030;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;margin-bottom:1rem;text-align:center}.mvp-auth-form{display:flex;flex-direction:column;gap:.75rem}.mvp-inline-email{width:100%;margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.mvp-auth-input{width:100%;padding:.9rem 1rem;font-size:1rem;font-family:Nunito,sans-serif;border:2px solid var(--border-color);border-radius:12px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.mvp-auth-input:focus{border-color:var(--primary-pink)}.mvp-auth-submit{padding:.9rem;font-size:1.05rem;margin-top:.25rem}.mvp-auth-legal{margin-top:.75rem;font-size:.8rem;color:#888;text-align:center}.mvp-auth-legal a{color:var(--primary-pink);text-decoration:none}.mvp-auth-toggle{display:block;width:100%;margin-top:1rem;background:none;border:none;color:var(--primary-pink);font-size:.9rem;font-weight:700;cursor:pointer;padding:.5rem;min-height:auto;box-shadow:none;text-transform:none}.mvp-auth-toggle:hover{background:none;transform:none;box-shadow:none;text-decoration:underline}.pulse{animation:mvp-pulse 2s ease-in-out infinite}@keyframes mvp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (max-width: 768px){.mvp-hero{padding:2.5rem 1.25rem 2rem}.mvp-hero-title{font-size:2.2rem}.mvp-hero-subtitle{font-size:1.05rem}.mvp-hero-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.mvp-main-section{padding:1.5rem 1rem 3rem}.mvp-result-before img,.mvp-result-after img{width:140px;height:140px}.mvp-steps-row{grid-template-columns:1fr;gap:1.25rem}.mvp-testimonial p{font-size:1.2rem}}@media (max-width: 480px){.mvp-hero-title{font-size:1.8rem}.mvp-hero-grid{grid-template-columns:repeat(3,1fr)}.mvp-upload-placeholder{padding:2.5rem 1.5rem}.mvp-result-images{gap:1rem}.mvp-result-before img,.mvp-result-after img{width:120px;height:120px}.mvp-auth-card{padding:1.5rem}}.mvp-character-details{width:100%;margin-bottom:.75rem}.mvp-detail-row{display:flex;gap:1rem;align-items:flex-end}.mvp-detail-field{flex:1}.mvp-detail-label{display:block;font-size:.8rem;font-weight:600;color:#555;margin-bottom:.4rem}.mvp-detail-input{width:100%;padding:.6rem .8rem;border:1px solid #ddd;border-radius:10px;font-size:.95rem;background:#fff;box-sizing:border-box}.mvp-detail-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mvp-input-short{max-width:100px}.mvp-gender-selector{display:flex;gap:.5rem}.mvp-gender-option{flex:1;padding:.6rem 1rem;border:2px solid #ddd;border-radius:10px;background:#fff;font-size:.9rem;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease}.mvp-gender-option:hover{border-color:#667eea}.mvp-gender-option.selected{border-color:#667eea;background:#667eea;color:#fff}.book-flow-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--background-light, #f7f8fc)}.book-flow-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;max-width:640px;width:100%;box-shadow:0 4px 24px #00000014;text-align:center}.book-flow-card h1{font-size:1.8rem;margin-bottom:1.5rem}.book-flow-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:var(--primary-pink, #ff6b8a);border-radius:50%;animation:spin .8s linear infinite;margin:1rem auto}.book-flow-status{color:#666;font-size:1rem;margin:.5rem 0 1rem}.book-flow-progress{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin:.5rem 0}.book-flow-progress-fill{height:100%;background:var(--primary-pink, #ff6b8a);transition:width .4s ease}.book-flow-error{color:#e53e3e;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;padding:.75rem 1rem;margin:.75rem 0;font-size:.9rem}.book-flow-label{display:block;font-weight:600;margin-bottom:.5rem;text-align:left}.book-flow-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;margin-bottom:1rem;box-sizing:border-box}.book-flow-input:focus{outline:none;border-color:var(--primary-pink, #ff6b8a)}.book-flow-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box}.book-flow-textarea:focus{outline:none;border-color:var(--primary-pink, #ff6b8a)}.book-flow-hint{font-size:.8rem;color:#999;text-align:right;margin-top:.25rem}.book-flow-btn{display:inline-block;background:var(--primary-pink, #ff6b8a);color:#fff;border:none;border-radius:12px;padding:.8rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%;margin-top:1rem;transition:opacity .2s}.book-flow-btn:hover:not(:disabled){opacity:.9}.book-flow-btn:disabled{opacity:.5;cursor:not-allowed}.book-flow-btn-primary{background:linear-gradient(135deg,#ff6b8a,#ff8e53)}.book-flow-character-img{width:160px;height:160px;object-fit:cover;border-radius:12px;margin:0 auto 1.5rem;display:block;box-shadow:0 4px 16px #0000001f}.book-flow-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.book-flow-tab{flex:1;padding:.6rem;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;font-size:.9rem;font-weight:600;color:#666;transition:all .2s}.book-flow-tab.active{border-color:var(--primary-pink, #ff6b8a);color:var(--primary-pink, #ff6b8a);background:#fff0f3}.book-flow-templates{display:flex;flex-direction:column;gap:.75rem;max-height:320px;overflow-y:auto;margin-bottom:1rem}.book-flow-template-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;text-align:left;transition:border-color .2s}.book-flow-template-card.selected{border-color:var(--primary-pink, #ff6b8a);background:#fff0f3}.book-flow-template-card img{width:60px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0}.book-flow-template-card strong{display:block;font-size:.95rem}.book-flow-template-card p{font-size:.8rem;color:#777;margin:0}.book-flow-pages-preview{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.book-flow-page-card{border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.book-flow-page-card img{width:100%;aspect-ratio:1;object-fit:cover}.book-flow-page-card span{display:block;font-size:.8rem;color:#666;padding:.4rem}.book-flow-purchase-section{text-align:center;padding-top:1rem;border-top:1px solid #eee}.book-flow-coin-balance,.book-flow-cost{font-size:1rem;margin:.25rem 0}.book-full-card{max-width:800px}.book-full-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;text-align:left}.book-full-page-card{border:1px solid #eee;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.book-full-page-card img{width:100%;aspect-ratio:1;object-fit:cover}.book-full-page-placeholder{width:100%;aspect-ratio:1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:.9rem}.book-full-page-text{font-size:.85rem;padding:.5rem .75rem 0;color:#444;line-height:1.5}.book-full-page-actions{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-top:1px solid #f0f0f0}.book-full-regen-count{font-size:.75rem;color:#999}.book-full-regen-btn{font-size:.8rem;padding:.3rem .75rem;border:1px solid var(--primary-pink, #ff6b8a);border-radius:6px;color:var(--primary-pink, #ff6b8a);background:#fff;cursor:pointer;transition:all .2s}.book-full-regen-btn:disabled{opacity:.4;cursor:not-allowed}.book-full-regen-btn:hover:not(:disabled){background:#fff0f3}.book-viewer-page{min-height:100vh;background:#1a1a2e;display:flex;flex-direction:column;align-items:center}.book-viewer-header{width:100%;max-width:900px;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;color:#fff}.book-viewer-back{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.book-viewer-spread{flex:1;width:100%;max-width:600px;padding:1rem 1.5rem}.book-viewer-spread-page img{width:100%;border-radius:10px;box-shadow:0 8px 32px #0006}.book-viewer-text{color:#fff;font-size:1.1rem;line-height:1.7;text-align:center;margin-top:1rem}.book-viewer-nav{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;color:#fff}.book-viewer-nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:.6rem 1.5rem;cursor:pointer;font-size:.95rem;transition:background .2s}.book-viewer-nav-btn:hover:not(:disabled){background:#fff3}.book-viewer-nav-btn:disabled{opacity:.3;cursor:not-allowed}.book-viewer-page-count{min-width:80px;text-align:center}.coin-balance{font-size:.9rem;font-weight:600;background:#fff8e1;color:#856404;border-radius:20px;padding:.3rem .75rem;margin-right:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#666;line-height:1}.modal-coming-soon{font-size:1.2rem;margin:1rem 0 .5rem}.modal-hint{color:#777;font-size:.9rem;margin-bottom:1.5rem}.book-flow-variants{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.book-flow-variants img{width:80px;height:80px;object-fit:cover;border-radius:8px;opacity:.7}.book-flow-card--wide{max-width:700px}.book-flow-subtitle{color:#666;margin-bottom:1.5rem;font-size:1rem}.book-flow-variants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.book-flow-variant-btn{position:relative;background:none;border:3px solid transparent;border-radius:12px;padding:0;cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .15s ease}.book-flow-variant-btn:hover:not(:disabled){border-color:#6c63ff;transform:translateY(-2px)}.book-flow-variant-btn.selected{border-color:#6c63ff}.book-flow-variant-btn:disabled{cursor:not-allowed;opacity:.7}.book-flow-variant-btn img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:9px}.book-flow-variant-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;border-radius:9px}.book-flow-spinner-sm{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#6c63ff;border-radius:50%;animation:spin .8s linear infinite}.book-preview-wide-card{max-width:860px;text-align:left}.book-preview-wide-card h1{text-align:center}.book-preview-status{margin-bottom:1.5rem}.book-preview-pages-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.book-preview-page-row{display:flex;gap:1rem;align-items:flex-start;background:#fafafa;border:1px solid #eee;border-radius:12px;padding:.75rem}.book-preview-page-image-wrap{flex:0 0 120px}.book-preview-page-image-wrap img{width:120px;height:120px;object-fit:cover;border-radius:8px;display:block}.book-preview-placeholder{width:120px;height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center}.book-preview-placeholder.loading{background:linear-gradient(135deg,#f0f0ff,#f5f0ff);animation:preview-pulse 1.5s ease-in-out infinite}.book-preview-placeholder.locked{background:#f0f0f0;font-size:1.5rem}@keyframes preview-pulse{0%,to{opacity:1}50%{opacity:.6}}.book-preview-spinner{width:28px;height:28px;border:3px solid #d0d0f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;display:block}.book-preview-lock-icon{font-size:1.5rem;opacity:.4}.book-preview-page-text{flex:1}.book-preview-page-num{display:block;font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.book-preview-page-text p{margin:0;font-size:.95rem;line-height:1.6;color:#333}.jsp-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem}.jsp-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#6c63ff;border-radius:50%;animation:jsp-spin .9s linear infinite}@keyframes jsp-spin{to{transform:rotate(360deg)}}.jsp-message{color:#555;font-size:1rem;text-align:center;margin:0}.jsp-progress-track{width:100%;max-width:280px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.jsp-progress-fill{height:100%;background:linear-gradient(90deg,#6c63ff,#a855f7);border-radius:4px;transition:width .4s ease}.jsp-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#c0392b;text-align:center;padding:1.5rem}.jsp-retry-btn{padding:.5rem 1.2rem;background:#6c63ff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem}.pvp-container{margin-top:.75rem}.pvp-label{font-size:.8rem;color:#888;margin-bottom:.5rem}.pvp-grid{display:flex;gap:.5rem}.pvp-btn{position:relative;background:none;border:2px solid #ddd;border-radius:8px;padding:0;cursor:pointer;overflow:hidden;transition:border-color .2s ease;width:72px;height:72px}.pvp-btn:hover:not(:disabled){border-color:#6c63ff}.pvp-selected{border-color:#6c63ff}.pvp-btn img{width:100%;height:100%;object-fit:cover;display:block}.pvp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;display:flex;align-items:center;justify-content:center}.pvp-spin{width:20px;height:20px;border:2px solid #ccc;border-top-color:#6c63ff;border-radius:50%;animation:pvp-spin .7s linear infinite}@keyframes pvp-spin{to{transform:rotate(360deg)}}.pvp-check{position:absolute;bottom:2px;right:4px;font-size:.75rem;color:#6c63ff;font-weight:700}.bv-page{min-height:100vh;background:#f8f5f0;display:flex;flex-direction:column;color:#2d2a26;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;overflow:hidden;position:relative}.bv-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 0%,rgba(139,90,43,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,90,43,.06) 0%,transparent 50%);pointer-events:none}.bv-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.bv-loading{flex:1;display:flex;align-items:center;justify-content:center}.bv-book-loading{display:flex;align-items:center;gap:0;animation:bv-book-bounce 1.5s ease-in-out infinite}.bv-book-spine{width:20px;height:180px;background:linear-gradient(90deg,#c9a66b,#a08050,#c9a66b);border-radius:4px 0 0 4px}.bv-book-cover{width:140px;height:180px;background:linear-gradient(145deg,#f5e6d3,#e8d5c0);border-radius:0 6px 6px 0;box-shadow:inset -8px 0 20px #0000001a,4px 4px 20px #00000026;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;font-size:.9rem;color:#8b7355;font-weight:500}@keyframes bv-book-bounce{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.bv-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(139,115,85,.1);gap:1.5rem;flex-shrink:0;transition:opacity .4s ease,transform .4s ease;position:relative;z-index:10}.bv-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.bv-visible{opacity:1;transform:translateY(0)}.bv-back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#5c4d3c;padding:.5rem .75rem;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.bv-back-btn:hover{background:#8b735514;color:#3d322a}.bv-back-btn svg{opacity:.7}.bv-title-wrap{display:flex;align-items:center;gap:.75rem}.bv-title{font-size:1.15rem;font-weight:600;margin:0;text-align:center;color:#3d322a;letter-spacing:-.02em}.bv-page-badge{font-size:.75rem;font-weight:500;color:#8b7355;background:#8b73551a;padding:.25rem .6rem;border-radius:20px}.bv-actions{display:flex;align-items:center;gap:.75rem}.bv-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(139,115,85,.2);background:transparent;color:#5c4d3c;cursor:pointer;transition:all .2s}.bv-icon-btn svg{flex-shrink:0;min-width:20px}.bv-icon-btn:hover{background:#8b735514;border-color:#8b73554d}.bv-download-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b5a2b,#6b4423);border:none;color:#fff;border-radius:10px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6b442340}.bv-download-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6b442359}.bv-download-btn:disabled{opacity:.5;cursor:not-allowed}.bv-generating-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5a2b14,#c9a66b14);border-bottom:1px solid rgba(139,115,85,.1);color:#6b5344;font-size:.875rem;font-weight:500}.bv-progress-ring{width:24px;height:24px}.bv-progress-ring svg{transform:rotate(-90deg)}.bv-progress-bg{fill:none;stroke:#8b735526;stroke-width:3}.bv-progress-fill{fill:none;stroke:#8b5a2b;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .4s ease}.bv-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;gap:1rem;position:relative;min-height:0}.bv-spread{display:flex;flex-direction:column;align-items:center;max-width:min(600px,calc(100vw - 200px));width:100%;gap:1.5rem}.bv-fade-in{animation:bv-fadein .35s ease forwards}.bv-fade-out{animation:bv-fadeout .3s ease forwards}@keyframes bv-fadein{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bv-fadeout{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}.bv-page-frame{position:relative;width:100%}.bv-page-img{width:100%;border-radius:4px;display:block;box-shadow:0 8px 32px #2d2a261f,0 2px 8px #2d2a2614}.bv-page-shadow{position:absolute;bottom:-8px;left:5%;width:90%;height:20px;background:radial-gradient(ellipse at center,rgba(45,42,38,.1) 0%,transparent 70%);filter:blur(8px)}.bv-generating-placeholder{aspect-ratio:3/4;background:linear-gradient(145deg,#f5f0e8,#ebe5da);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#a08050;font-size:.9rem;box-shadow:0 8px 32px #2d2a261a,0 2px 8px #2d2a260d}.bv-spinner-lg{width:48px;height:48px;animation:bv-spin 1s linear infinite}.bv-spinner-lg svg{width:100%;height:100%}.bv-spinner-lg circle{stroke:#c9a66b;stroke-dasharray:80,200;stroke-dashoffset:0;stroke-linecap:round}@keyframes bv-spin{to{transform:rotate(360deg)}}.bv-text-box{max-width:520px;width:100%}.bv-page-text{font-size:1.1rem;line-height:1.8;color:#5c4d3c;text-align:center;margin:0;padding:1rem 1.5rem;font-family:Georgia,Times New Roman,serif;background:#fff9;border-radius:12px;border:1px solid rgba(139,115,85,.1)}.bv-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(139,115,85,.2);background:#ffffffe6;color:#5c4d3c;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 12px #2d2a261a;padding:0}.bv-nav-btn svg{flex-shrink:0;min-width:24px}.bv-nav-btn:hover{background:#fff;border-color:#8b735566;transform:translateY(-50%) scale(1.05);box-shadow:0 4px 20px #2d2a2626}.bv-nav-prev{left:1.5rem}.bv-nav-next{right:1.5rem}.bv-nav-hidden{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.9)}.bv-footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 2rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(139,115,85,.1);transition:opacity .4s ease,transform .4s ease;position:relative;z-index:10}.bv-dots{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:480px}.bv-dot{width:12px;height:12px;min-width:12px;min-height:12px;flex:0 0 12px;border-radius:50%;border:none;background:#8b735540;cursor:pointer;padding:0;margin:0;transition:all .25s;position:relative;display:block;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box}.bv-dot-active{background:#8b5a2b;transform:scale(1.4);box-shadow:0 0 0 3px #8b5a2b33}.bv-dot-inner{position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#fff;border-radius:50%}.bv-dot:hover:not(.bv-dot-active){background:#8b735566;transform:scale(1.15)}.bv-dot-pending{background:#8b735514;border:1px solid rgba(139,115,85,.15);animation:bv-pulse 2s ease-in-out infinite}@keyframes bv-pulse{0%,to{opacity:.5}50%{opacity:1}}.bv-nav-hint{font-size:.75rem;color:#a08050;opacity:.7}.bv-spin-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:bv-spin .8s linear infinite;display:inline-block}@media (max-width: 768px){.bv-header{padding:.75rem 1rem;gap:.75rem}.bv-title{font-size:1rem}.bv-back-btn span{display:none}.bv-back-btn{padding:.5rem}.bv-download-btn span{display:none}.bv-main{padding:1rem}.bv-spread{max-width:calc(100vw - 80px)}.bv-nav-btn{width:44px;height:44px}.bv-nav-prev{left:.5rem}.bv-nav-next{right:.5rem}.bv-page-text{font-size:.95rem;padding:.75rem 1rem}}.chars-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.chars-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.chars-header h1{font-family:Fredoka One,cursive;font-size:2rem;color:var(--text-dark);margin:0 0 .25rem}.chars-header p{font-size:1rem;color:var(--text-light);margin:0}.chars-create-btn{padding:.75rem 1.5rem;font-size:.95rem;white-space:nowrap}.chars-loading,.chars-error{text-align:center;padding:4rem 2rem;color:var(--text-light);font-size:1.1rem;font-weight:600}.chars-error{color:#c53030}.chars-error button{display:block;margin:1rem auto 0;padding:.5rem 1.25rem;font-size:.9rem}.chars-empty{text-align:center;padding:5rem 2rem}.chars-empty-icon{font-size:4rem;margin-bottom:1rem}.chars-empty h2{font-family:Fredoka One,cursive;font-size:1.6rem;color:var(--text-dark);margin-bottom:.5rem}.chars-empty p{color:var(--text-light);margin-bottom:1.5rem;font-size:1.05rem}.chars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.chars-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 4px 15px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.chars-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.chars-card-image{aspect-ratio:1;overflow:hidden;background:var(--bg-light)}.chars-card-image img{width:100%;height:100%;object-fit:cover;display:block}.chars-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#fff}.chars-card-body{padding:1rem;text-align:center}.chars-card-name{font-family:Fredoka One,cursive;font-size:1.1rem;color:var(--text-dark);margin:0 0 .25rem}.chars-card-date{font-size:.8rem;color:var(--text-light);margin:0 0 .75rem}.chars-story-btn{width:100%;padding:.6rem 1rem;font-size:.9rem}@media (max-width: 600px){.chars-header{flex-direction:column}.chars-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.snp-page{max-width:760px;margin:0 auto;padding:2rem 1rem}.snp-loading{text-align:center;padding:5rem 2rem;color:var(--text-light);font-size:1.1rem;font-weight:600}.snp-char-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.25rem 1.5rem;background:#fff;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 4px 15px #0000000a}.snp-char-avatar{width:72px;height:72px;border-radius:14px;object-fit:cover;flex-shrink:0;border:3px solid white;box-shadow:0 4px 12px #0000001a}.snp-char-header h1{font-family:Fredoka One,cursive;font-size:1.6rem;color:var(--text-dark);margin:0 0 .25rem}.snp-char-header p{font-size:.95rem;color:var(--text-light);margin:0}.snp-card{background:#fff;border-radius:24px;padding:2.5rem;border:1px solid var(--border-color);box-shadow:0 10px 40px #0000000a}.snp-card h2{font-family:Fredoka One,cursive;font-size:1.5rem;color:var(--text-dark);margin:0 0 .5rem;text-align:center}.snp-desc{font-size:1rem;color:var(--text-light);text-align:center;margin:0 0 1.75rem;line-height:1.6}.snp-mode-cards{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin-bottom:.5rem}.snp-mode-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.75rem 1.5rem;width:190px;background:var(--bg-light);border:2px solid var(--border-color);border-radius:18px;cursor:pointer;transition:all .22s ease;text-align:center;font-family:Nunito,sans-serif;min-height:auto;box-shadow:none;text-transform:none;letter-spacing:0}.snp-mode-card:hover{border-color:var(--primary-pink);background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #ff4d8d1f}.snp-mode-icon{font-size:2.2rem;line-height:1}.snp-mode-card strong{font-size:.95rem;font-weight:800;color:var(--text-dark)}.snp-mode-card span{font-size:.82rem;color:var(--text-light);line-height:1.4}.snp-templates{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem;max-height:380px;overflow-y:auto}.snp-template-card{position:relative;padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .2s ease;background:var(--bg-light)}.snp-template-card:hover{border-color:var(--primary-pink);background:#fff}.snp-template-card.selected{border-color:var(--primary-pink);background:#ff4d8d0a}.snp-template-title{font-weight:800;font-size:.95rem;color:var(--text-dark);margin-bottom:.2rem}.snp-template-idea{font-size:.85rem;color:var(--text-light);line-height:1.4}.snp-check{position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--primary-pink);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center}.snp-loading-inline{text-align:center;color:var(--text-light);padding:2rem;font-weight:600}.snp-textarea{width:100%;padding:1rem 1.25rem;font-size:1.05rem;font-family:Nunito,sans-serif;border:2px solid var(--border-color);border-radius:14px;outline:none;resize:vertical;color:var(--text-dark);background:var(--bg-light);box-sizing:border-box;line-height:1.6;margin-bottom:1rem;transition:border-color .2s ease}.snp-textarea:focus{border-color:var(--primary-pink);box-shadow:0 0 0 4px #ff4d8d14}.snp-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.snp-chip{padding:.4rem .9rem;font-size:.82rem;font-weight:600;background:var(--bg-light);color:var(--text-dark);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .18s ease;min-height:auto;box-shadow:none;text-transform:none;letter-spacing:0}.snp-chip:hover{border-color:var(--primary-pink);color:var(--primary-pink);background:#ff4d8d0a;transform:none;box-shadow:none}.snp-btn-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.snp-center-row{justify-content:center}.snp-primary-btn{padding:.9rem 2rem;font-size:1rem;font-family:Fredoka One,cursive;min-width:200px}.snp-back-btn{padding:.9rem 1.5rem;font-size:.95rem;background:#fff;color:var(--text-light);border:2px solid var(--border-color);font-weight:700;min-height:auto;box-shadow:none;text-transform:none}.snp-back-btn:hover{border-color:var(--text-light);background:var(--bg-light);transform:none;box-shadow:none}.snp-center{text-align:center;padding:3rem 2rem}.snp-big-icon{width:80px;height:80px;border-radius:50%;background:var(--accent-green);color:#fff;font-size:2.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 25px #48bb7840}.snp-done-icon{width:80px;height:80px;border-radius:50%;background:var(--accent-green);color:#fff;font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 25px #48bb784d}.snp-spinner{width:56px;height:56px;border:5px solid var(--border-color);border-top-color:var(--primary-pink);border-radius:50%;animation:snp-spin .8s linear infinite;margin:0 auto 1.5rem}@keyframes snp-spin{to{transform:rotate(360deg)}}.snp-progress-bar{width:100%;max-width:380px;height:10px;background:var(--border-color);border-radius:5px;overflow:hidden;margin:1rem auto}.snp-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-pink),var(--accent-orange));border-radius:5px;transition:width .3s ease}.snp-phases{display:flex;flex-direction:column;gap:.6rem;align-items:center;margin-top:2rem}.snp-phase{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--text-light);font-size:.9rem}.snp-phase-dot{width:11px;height:11px;border-radius:50%;background:var(--border-color);flex-shrink:0;transition:background .3s ease}.snp-phase.active .snp-phase-dot{background:var(--primary-pink);box-shadow:0 0 0 3px #ff4d8d33;animation:snp-pulse 1.5s ease-in-out infinite}.snp-phase.done .snp-phase-dot{background:var(--accent-green)}.snp-phase.active{color:var(--text-dark)}.snp-phase.done{color:var(--accent-green)}@keyframes snp-pulse{0%,to{box-shadow:0 0 0 3px #ff4d8d33}50%{box-shadow:0 0 0 6px #ff4d8d1a}}.snp-preview-images{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0}.snp-preview-page{display:flex;flex-direction:column;align-items:center;gap:.4rem}.snp-preview-page img{width:210px;height:210px;object-fit:cover;border-radius:12px;box-shadow:0 6px 20px #0000001a;border:3px solid white}.snp-preview-label{font-size:.78rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 600px){.snp-card{padding:1.5rem}.snp-char-header{flex-direction:column;text-align:center}.snp-mode-cards{flex-direction:column;align-items:center}.snp-mode-card{width:100%;max-width:300px}.snp-btn-row{flex-direction:column;align-items:center}.snp-primary-btn{width:100%;min-width:auto}}.user-stories-container{width:100%;max-width:1200px;margin:0 auto;padding:0}.stories-header{text-align:center;margin-bottom:3rem}.stories-header h2{font-family:Fredoka One,cursive;font-size:3rem;color:var(--text-dark);margin-bottom:.5rem}.stories-count{font-size:1.1rem;color:var(--text-light);margin-bottom:2rem}.create-story-button{padding:1rem 2.5rem;font-family:Fredoka One,cursive;text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem}.stories-list{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.story-item{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 4px 15px #00000008;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.story-title{font-size:1.6rem;color:var(--text-dark);margin:0 0 .5rem;font-weight:800;line-height:1.2}.story-item{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 4px 15px #00000008;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.story-item:hover{box-shadow:0 12px 35px #00000014;border-color:var(--primary-pink);transform:translateY(-5px)}.story-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.story-title{font-size:2rem;color:var(--text-dark);margin:0 0 .5rem;font-weight:800;line-height:1.2}.story-idea{font-size:1.1rem;color:var(--text-light);margin:0;line-height:1.6}.story-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;white-space:nowrap}.pages-count{background:var(--bg-light);color:var(--primary-pink);padding:.4rem 1rem;border-radius:10px;font-weight:800;font-size:.9rem}.created-date{font-size:.9rem;color:var(--text-light);font-weight:600}.characters-section{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.character-section{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:var(--bg-light);border-radius:16px;border:1px solid var(--border-color)}.character-image-small{width:50px;height:50px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#fff;border:1px solid var(--border-color)}.character-image-small img{width:100%;height:100%;object-fit:cover}.character-label{font-size:.7rem;color:var(--text-light);margin:0;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.character-name{font-size:1.1rem;color:var(--text-dark);margin:0;font-weight:700}.books-section{margin-bottom:2rem;background:var(--bg-light);border-radius:20px;overflow:hidden;border:1px solid var(--border-color)}.books-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;cursor:pointer;background:#fff;transition:background .2s}.books-header:hover{background:#fdfdfd}.books-title{font-size:1rem;color:var(--text-dark);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.expand-toggle{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--text-light);transition:all .3s ease}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1.5rem;border-top:1px solid var(--border-color)}.book-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column}.book-card:hover{transform:translateY(-3px);border-color:var(--primary-pink);box-shadow:0 10px 20px #0000000d}.book-thumbnail{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f1f5f9}.book-thumbnail img{width:100%;height:100%;object-fit:cover}.no-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#cbd5e0}.book-info{padding:1rem;flex:1}.book-pages{margin:0;font-size:.9rem;font-weight:700;color:var(--text-dark)}.book-date{margin:.2rem 0 0;font-size:.8rem;color:var(--text-light)}.book-actions{padding:0 1rem 1rem;display:flex;gap:.5rem}.book-button{flex:1;padding:.6rem;border-radius:10px;font-size:.85rem;font-weight:700;text-transform:none;min-height:auto;box-shadow:none}.view-button{background:var(--primary-pink)}.download-button{background:#fff;color:var(--text-dark);border:1px solid var(--border-color)}.download-button:hover{background:var(--bg-light);border-color:var(--text-dark)}.story-actions{display:flex;gap:1rem;margin-top:auto}.action-button{flex:1;padding:1rem}.action-button.secondary{background:#fff;border:1px solid var(--border-color);color:var(--text-dark)}.action-button.secondary:hover{background:var(--bg-light);border-color:var(--text-dark)}.story-approved-badge{display:inline-flex;align-items:center;background:#f0fff4;color:#276749;border:1px solid #9ae6b4;border-radius:20px;padding:.35rem .9rem;font-size:.82rem;font-weight:700;white-space:nowrap;align-self:center}.empty-stories{text-align:center;padding:5rem 2rem;background:#fff;border-radius:32px;border:2px dashed var(--border-color)}.empty-icon{font-size:4rem;margin-bottom:1.5rem;display:block}.empty-stories h3{font-family:Fredoka One,cursive;font-size:2rem;color:var(--text-dark);margin-bottom:1rem}.empty-stories p{font-size:1.1rem;color:var(--text-light);margin-bottom:2rem}@media (max-width: 1024px){.stories-list{grid-template-columns:1fr}}@media (max-width: 768px){.story-header{flex-direction:column;gap:1rem}.story-meta{align-items:flex-start}.story-item{padding:1.5rem}.story-title{font-size:1.5rem}}.partner-page{width:100%;min-height:100vh;padding:0;background-color:#fcf9f6;background-image:radial-gradient(#e0e0e0 1px,transparent 1px);background-size:20px 20px;font-family:Comic Sans MS,Chalkboard SE,Fredoka One,sans-serif}.partner-branded-header{text-align:center;padding:60px 20px 80px;color:#fff;position:relative;overflow:hidden;margin-bottom:-40px;box-shadow:0 4px 20px #0000001a}.partner-branded-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:#fcf9f6;border-top-left-radius:50% 100%;border-top-right-radius:50% 100%;transform:scaleY(.5);transform-origin:bottom}.partner-branded-header>*{position:relative;z-index:2}.partner-branded-logo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 8px 20px #0003;margin-bottom:20px;background:#fff;animation:float 6s ease-in-out infinite}.partner-branded-header h1{font-size:2.5rem;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.2);font-weight:800;letter-spacing:-.5px;color:#fff!important}.partner-header-description{font-size:1.2rem;opacity:.95;max-width:600px;margin:0 auto 16px;line-height:1.6;font-weight:500;color:#fff!important}.partner-branded-header p{color:#fff!important}.partner-complimentary-tag{display:inline-block;margin-top:10px;padding:8px 24px;background:#ffeaa7;color:#d35400;border:2px solid white;border-radius:50px;font-size:14px;font-weight:800;box-shadow:0 4px 10px #0000001a;transform:rotate(-2deg)}.partner-step-container{max-width:800px;margin:0 auto 60px;background:#fff;border-radius:30px;padding:40px;box-shadow:0 10px 40px #00000014,0 0 0 10px #ffffff80;position:relative;z-index:10;border:1px solid rgba(0,0,0,.05)}.partner-steps-bar{display:flex;justify-content:center;align-items:flex-start;gap:10px;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:11}.partner-step-dot{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;flex:1}.partner-step-dot:not(:last-child):after{content:"";position:absolute;top:20px;left:50%;right:-50%;height:4px;background:#f0f0f0;z-index:-1;border-radius:2px}.partner-step-dot.done:not(:last-child):after{background:#2ecc71}.partner-step-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;background:#fff;border:4px solid #f0f0f0;color:#ccc;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px #0000000d}.partner-step-dot.active .partner-step-circle{color:#fff;transform:scale(1.2);border-color:transparent;box-shadow:0 8px 16px #00000026}.partner-step-dot.done .partner-step-circle{background:#2ecc71;border-color:#2ecc71;color:#fff}.partner-step-label{font-size:13px;color:#888;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:color .3s}.partner-step-dot.active .partner-step-label{color:#333}.partner-step-content{display:flex;flex-direction:column;align-items:center;gap:25px;animation:fadeIn .5s ease-out}.partner-step-content h2{font-size:2rem;color:#2d3436;text-align:center;font-weight:800;margin:0;letter-spacing:-.5px}.partner-step-content .step-description{color:#636e72;text-align:center;max-width:550px;font-size:1.1rem;line-height:1.6;margin-top:-10px}.partner-styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;width:100%;margin-top:10px}.partner-style-card{border:none;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);background:#fff;box-shadow:0 6px 12px #00000014;position:relative}.partner-style-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 30px #0000001f}.partner-style-card.selected{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 30px #00000026;outline:4px solid}.partner-style-preview{width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:#f1f2f6}.partner-style-preview img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.partner-style-card:hover .partner-style-preview img{transform:scale(1.1)}.partner-style-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;font-weight:900}.partner-style-check{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#2ecc71;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 8px #0003;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.partner-style-name{padding:12px;text-align:center;font-size:15px;font-weight:700;color:#2d3436;background:#fff}.partner-complimentary-badge{display:inline-block;padding:8px 20px;background:#e0f2f1;color:#00695c;border-radius:50px;font-size:14px;font-weight:700;margin-bottom:10px}.partner-upload-area{width:100%;max-width:400px}.partner-upload-label{display:block;cursor:pointer;border:3px dashed #cbd5e0;border-radius:24px;overflow:hidden;transition:all .3s;background:#f8fafc;position:relative}.partner-upload-label:hover{border-color:#a0aec0;background:#f1f5f9;transform:scale(1.01)}.partner-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 40px;color:#94a3b8}.partner-upload-icon{font-size:4rem;line-height:1;color:#cbd5e0;transition:transform .3s}.partner-upload-label:hover .partner-upload-icon{transform:scale(1.1) rotate(10deg)}.partner-upload-text{font-size:18px;font-weight:700;color:#475569}.partner-upload-hint{font-size:14px;color:#64748b;text-align:center;line-height:1.4}.partner-photo-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px}.partner-change-photo{position:absolute;bottom:0;left:0;right:0;padding:12px;text-align:center;background:#000000b3;color:#fff;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.partner-character-reveal{width:240px;height:240px;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px #00000026;border:6px solid white;margin:10px 0;animation:float 5s ease-in-out infinite}.partner-character-image{width:100%;height:100%;object-fit:cover}.partner-variants-grid{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.partner-variant-card{width:140px;height:140px;border-radius:20px;overflow:hidden;border:4px solid #e2e8f0;cursor:pointer;transition:all .2s;position:relative}.partner-variant-card:hover{border-color:#cbd5e0;transform:translateY(-2px)}.partner-variant-card.selected{border-width:4px}.partner-variant-image{width:100%;height:100%;object-fit:cover}.partner-variant-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.partner-name-input{width:100%;max-width:400px;background:#f8f9fa;padding:24px;border-radius:24px}.partner-name-input label{display:block;font-weight:700;margin-bottom:12px;color:#444;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.partner-text-input{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:16px;font-size:18px;font-weight:600;transition:all .2s;box-sizing:border-box;text-align:center}.partner-text-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff}.partner-legal-note{margin-top:12px;font-size:11px;color:#999;text-align:center;line-height:1.4}.partner-legal-note a{color:#888;text-decoration:underline}.partner-button-row{display:flex;gap:16px;width:100%;max-width:450px;justify-content:center;margin-top:10px}.partner-next-btn{padding:16px 36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:800;cursor:pointer;transition:all .3s;flex:2;box-shadow:0 10px 20px -5px #0003;display:flex;align-items:center;justify-content:center;gap:8px}.partner-next-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 25px -5px #0000004d;filter:brightness(1.1)}.partner-next-btn:active:not(:disabled){transform:translateY(-1px)}.partner-next-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.partner-back-btn{padding:16px 24px;background:#f1f5f9;color:#64748b;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;flex:1}.partner-back-btn:hover{background:#e2e8f0;color:#475569}.partner-spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:partner-spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.partner-spinner.large{width:80px;height:80px;border-width:8px;color:#667eea}@keyframes partner-spin{to{transform:rotate(360deg)}}.partner-progress-bar{width:100%;max-width:400px;height:12px;background:#f1f5f9;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.partner-progress-fill{height:100%;border-radius:10px;transition:width .5s ease-out;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-stripe 1s linear infinite}@keyframes progress-stripe{0%{background-position:1rem 0}to{background-position:0 0}}.partner-preview-state{width:100%}.partner-preview-pages{display:flex;gap:20px;overflow-x:auto;padding:20px 10px 30px;max-width:100%;justify-content:center;scrollbar-width:none}.partner-preview-pages::-webkit-scrollbar{display:none}.partner-preview-page-card{flex-shrink:0;width:220px;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #00000026;background:#fff;transition:transform .3s;cursor:pointer}.partner-preview-page-card:hover{transform:translateY(-10px) rotate(-1deg);z-index:5}.partner-preview-page-card img{width:100%;aspect-ratio:1;object-fit:cover}.partner-preview-more-card{flex-shrink:0;width:220px;border-radius:16px;box-shadow:0 10px 25px #0000001a;background:linear-gradient(135deg,#fdfbfb,#ebedee);display:flex;align-items:center;justify-content:center;border:2px dashed #cbd5e0}.partner-preview-more-content{text-align:center;padding:20px}.partner-preview-more-pages{display:block;font-size:2rem;font-weight:800;color:#2d3436;margin-bottom:8px}.partner-done-buttons{margin-top:20px;display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.partner-secondary-btn{padding:16px 28px;background:#fff;color:#555;border:2px solid #e2e8f0;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.partner-secondary-btn:hover{border-color:#cbd5e0;background:#f8fafc}.partner-signup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2d3436cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.partner-signup-card{background:#fff;border-radius:30px;box-shadow:0 25px 50px -12px #00000040;border:4px solid rgba(255,255,255,.1);padding:40px 32px;max-width:420px;width:100%;position:relative;text-align:center}.partner-signup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#999;padding:4px}.partner-signup-close:hover{color:#555}.partner-signup-title{font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-weight:800;font-size:1.5rem;margin:0 0 8px}.partner-signup-sub{color:#666;font-size:14px;line-height:1.5;margin:0 0 24px}.partner-signup-form{display:flex;flex-direction:column;gap:12px}.partner-signup-input{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:14px;font-size:16px;box-sizing:border-box;transition:all .2s}.partner-signup-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.partner-signup-submit{padding:14px 24px;border:none;border-radius:50px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}.partner-signup-submit:hover{opacity:.9;transform:translateY(-1px)}.partner-signup-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes popIn{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.partner-branded-header{padding:40px 20px 60px}.partner-branded-header h1{font-size:1.8rem}.partner-step-container{padding:24px;border-radius:20px;margin:0 16px 40px}.partner-styles-grid{grid-template-columns:repeat(2,1fr)}.partner-preview-page-card{width:160px}.partner-next-btn{width:100%;flex:none}.partner-button-row{flex-direction:column-reverse}.partner-back-btn{width:100%}}.partner-character-details{width:100%;max-width:500px;margin:0 auto;background:#f8f9fa;border-radius:16px;padding:1.5rem;border:1px solid #e2e8f0}.partner-details-title{font-weight:700;font-size:1.1rem;margin:0 0 1rem;color:#2d3748}.partner-detail-field{margin-bottom:1rem}.partner-detail-field:last-child{margin-bottom:0}.partner-detail-label{display:block;font-size:.85rem;font-weight:600;color:#4a5568;margin-bottom:.4rem}.partner-input-short{max-width:120px}.partner-gender-selector{display:flex;gap:.75rem}.partner-gender-option{flex:1;max-width:160px;padding:.7rem 1.5rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:.95rem;font-weight:600;color:#2d3748;cursor:pointer;transition:all .2s ease}.partner-gender-option:hover{border-color:#667eea}.preview-page{width:100%;max-width:900px;margin:0 auto;padding:2rem 1.25rem 6rem;min-height:calc(100vh - 100px)}.preview-loading{text-align:center;padding:6rem 2rem}.preview-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-pink);border-radius:50%;animation:preview-spin .8s linear infinite;margin:0 auto 1.5rem}@keyframes preview-spin{to{transform:rotate(360deg)}}.preview-loading p{font-size:1.1rem;font-weight:600;color:var(--text-light)}.preview-error-state{text-align:center;padding:4rem 2rem}.preview-error-state h2{margin-bottom:.75rem}.preview-error-state p{margin-bottom:1.5rem}.preview-header{text-align:center;margin-bottom:2rem}.preview-title{font-family:Fredoka One,cursive;font-size:2.2rem;margin-bottom:.5rem}.preview-subtitle{font-size:1.1rem;color:var(--text-light)}.preview-section-label{font-family:Fredoka One,cursive;font-size:1.3rem;margin-bottom:1rem}.preview-thumbnails-section{margin-bottom:3rem}.preview-thumbnails-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;margin:0 -1.25rem;padding:0 1.25rem .75rem}.preview-thumbnails{display:flex;gap:.75rem;min-width:min-content}.preview-thumb{flex:0 0 auto;width:130px;display:flex;flex-direction:column;gap:.4rem}.preview-thumb-img{width:130px;height:170px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;border:2px solid white}.preview-thumb.rendered .preview-thumb-img{border-color:var(--primary-pink)}.preview-thumb.placeholder .preview-thumb-img{border-color:var(--border-color);opacity:.7}.preview-thumb-img img{width:100%;height:100%;object-fit:cover}.preview-thumb-label{font-size:.75rem;font-weight:700;color:var(--text-light);text-align:center}.preview-thumb-cover{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .75rem;gap:.5rem}.preview-thumb-cover-title{font-family:Fredoka One,cursive;font-size:.8rem;color:#fff;text-align:center;line-height:1.3}.preview-thumb-cover-name{font-size:.65rem;color:#fffc;font-weight:600}.preview-thumb-text{width:100%;height:100%;background:#fff;padding:.75rem;display:flex;align-items:flex-start}.preview-thumb-text p{font-size:.6rem;line-height:1.5;color:var(--text-dark)}.preview-thumb-placeholder{width:100%;height:100%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;padding:.75rem}.preview-thumb-placeholder-title{font-size:.7rem;font-weight:600;color:var(--text-light);text-align:center;font-style:italic}.preview-thumb-generating{width:100%;height:100%;background:linear-gradient(135deg,#f0f0f5,#e8e8f0);display:flex;align-items:center;justify-content:center}.preview-thumb-spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-pink);border-radius:50%;animation:preview-spin .8s linear infinite}.preview-generating-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ff4d8d0d;border:1px solid rgba(255,77,141,.15);border-radius:12px;margin-top:.75rem;font-size:.9rem;color:var(--text-dark);flex-wrap:wrap}.preview-gen-spinner{width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--primary-pink);border-radius:50%;animation:preview-spin .8s linear infinite;flex-shrink:0}.preview-gen-progress{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin-top:.25rem}.preview-gen-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-pink),var(--accent-orange));border-radius:2px;transition:width .3s ease}.preview-products-section{margin-bottom:2rem}.preview-products-subtitle{font-size:.95rem;color:var(--text-light);margin-bottom:1.25rem}.preview-products-grid{display:flex;flex-direction:column;gap:.75rem}.preview-product-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:1rem;align-items:center;padding:1.25rem;background:#fff;border-radius:16px;border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000008}.preview-product-card:hover{border-color:var(--primary-pink);box-shadow:0 4px 15px #0000000f}.preview-product-card.selected{border-color:var(--primary-pink);background:#ff4d8d05;box-shadow:0 4px 15px #ff4d8d1a}.preview-product-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-light);display:flex;align-items:center;justify-content:center;color:var(--primary-pink)}.preview-product-card.selected .preview-product-icon{background:#ff4d8d1a}.preview-product-info{min-width:0}.preview-product-name{font-family:Fredoka One,cursive;font-size:1rem;margin-bottom:.2rem;line-height:1.3}.preview-product-desc{font-size:.8rem;color:var(--text-light);line-height:1.4}.preview-product-price{font-family:Fredoka One,cursive;font-size:1.15rem;color:var(--text-dark);white-space:nowrap}.preview-product-check{flex-shrink:0}.preview-cart-footer{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.25rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:50;max-width:900px;margin:0 auto}.preview-cart-summary{display:flex;flex-direction:column}.preview-cart-count{font-size:.85rem;color:var(--text-light);font-weight:600}.preview-cart-total{font-family:Fredoka One,cursive;font-size:1.4rem;color:var(--text-dark)}.preview-checkout-btn{padding:.9rem 2rem;font-size:1.05rem;font-family:Fredoka One,cursive;min-width:160px}.preview-free-footer{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.25rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);display:flex;justify-content:center;z-index:50}.preview-download-btn{padding:.9rem 2rem;font-size:1.05rem;font-family:Fredoka One,cursive;background:linear-gradient(45deg,var(--primary-blue),var(--accent-green))}.preview-checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:1rem}.preview-checkout-card{background:#fff;border-radius:24px 24px 12px 12px;padding:2rem;width:100%;max-width:500px;position:relative;box-shadow:0 -10px 40px #00000026;max-height:80vh;overflow-y:auto}.preview-checkout-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:var(--bg-light);border:none;color:var(--text-light);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;min-height:auto;box-shadow:none}.preview-checkout-close:hover{background:var(--border-color);transform:none;box-shadow:none}.preview-checkout-title{font-family:Fredoka One,cursive;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.preview-checkout-items{display:flex;flex-direction:column;gap:.75rem}.preview-checkout-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.preview-checkout-item-name,.preview-checkout-item-price{font-weight:700;color:var(--text-dark)}.preview-checkout-divider{height:1px;background:var(--border-color);margin:1rem 0}.preview-checkout-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preview-checkout-total-row span:first-child{font-weight:600;color:var(--text-light)}.preview-checkout-total{font-family:Fredoka One,cursive;font-size:1.5rem;color:var(--text-dark)}.preview-pay-btn{width:100%;padding:1rem;font-size:1.15rem;font-family:Fredoka One,cursive}.preview-checkout-note{text-align:center;font-size:.8rem;color:var(--text-light);margin-top:1rem}@media (max-width: 768px){.preview-page{padding:1.5rem 1rem 5rem}.preview-title{font-size:1.8rem}.preview-thumb{width:110px}.preview-thumb-img{width:110px;height:140px}.preview-product-card{grid-template-columns:auto 1fr auto;gap:.75rem;padding:1rem}.preview-product-check{grid-column:1 / -1;display:none}.preview-product-price{font-size:1rem}.preview-cart-footer{padding:.75rem 1rem}}@media (max-width: 480px){.preview-title{font-size:1.5rem}.preview-thumb{width:95px}.preview-thumb-img{width:95px;height:125px}.preview-product-card{grid-template-columns:1fr auto}.preview-product-icon{display:none}.preview-checkout-card{padding:1.5rem}}.book-edit-page{max-width:900px;margin:0 auto;padding:24px 16px}.book-edit-header{text-align:center;margin-bottom:32px}.book-edit-header h1{font-size:1.8rem;margin:0 0 8px}.book-edit-header p{color:#666;margin:0}.book-edit-loading{text-align:center;padding:60px 0;color:#888}.book-edit-loading .spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:book-edit-spin .8s linear infinite;margin:0 auto 16px}@keyframes book-edit-spin{to{transform:rotate(360deg)}}.book-edit-error{text-align:center;padding:60px 0;color:#d32f2f}.book-edit-pages{display:flex;flex-direction:column;gap:24px}.book-edit-page-card{display:flex;gap:20px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.book-edit-page-image-container{position:relative;flex:0 0 280px;min-height:200px}.book-edit-page-image-container img{width:100%;border-radius:8px;display:block}.book-edit-page-image-container.regenerating img{opacity:.4;filter:blur(1px)}.book-edit-regen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffff80;border-radius:8px}.book-edit-regen-overlay .spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:book-edit-spin .8s linear infinite}.book-edit-no-image{width:100%;height:200px;background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#999;font-size:.9rem}.book-edit-page-image-container.pending .book-edit-no-image{background:linear-gradient(135deg,#f0f0ff,#f5f0ff);animation:book-edit-pulse 2s ease-in-out infinite}@keyframes book-edit-pulse{0%,to{opacity:1}50%{opacity:.7}}.book-edit-approved-banner{display:flex;align-items:center;gap:.75rem;background:#f0fff4;border:1px solid #9ae6b4;border-radius:10px;padding:.75rem 1rem;margin-top:.5rem;font-size:.9rem;color:#276749}.book-edit-approved-badge{background:#38a169;color:#fff;border-radius:20px;padding:.25rem .75rem;font-weight:700;font-size:.85rem;white-space:nowrap}.book-edit-link-btn{background:none;border:none;color:#2b6cb0;cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.book-edit-link-btn:hover{color:#2c5282}.book-edit-job-banner{background:linear-gradient(135deg,#667eea10,#764ba210);border:1px solid #667eea30;border-radius:12px;padding:1rem 1.25rem;margin-top:.5rem}.book-edit-job-banner-top{display:flex;align-items:center;gap:10px;margin-bottom:.6rem;font-size:.95rem;color:#667eea}.book-edit-job-banner-top span{flex:1}.book-edit-job-pct{font-weight:700;flex:0!important;white-space:nowrap}.book-edit-job-progress-bar{height:6px;background:#e0e0f0;border-radius:3px;overflow:hidden}.book-edit-job-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .4s ease}.book-edit-job-status .spinner-sm,.book-edit-no-image .spinner-sm{width:18px;height:18px;border:2px solid #d0d0f0;border-top-color:#667eea;border-radius:50%;animation:book-edit-spin .8s linear infinite;display:block;flex-shrink:0}.book-edit-job-banner .spinner-sm{width:16px;height:16px;border:2px solid #d0d0f0;border-top-color:#667eea;border-radius:50%;animation:book-edit-spin .8s linear infinite;display:block;flex-shrink:0}.book-edit-page-content{flex:1;display:flex;flex-direction:column;gap:12px}.book-edit-page-number{font-size:.8rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.05em}.book-edit-page-text{font-size:1rem;line-height:1.6;color:#333;flex:1}.book-edit-regen-btn{align-self:flex-start;padding:8px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#555;cursor:pointer;font-size:.85rem;transition:all .2s}.book-edit-regen-btn:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#f0f0ff}.book-edit-regen-btn:disabled{opacity:.5;cursor:not-allowed}.book-edit-actions{display:flex;justify-content:center;gap:16px;margin-top:32px;padding-bottom:32px}.book-edit-download-btn{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #667eea4d}.book-edit-download-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.book-edit-approve-bar{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e8e8e8;box-shadow:0 -4px 20px #00000014;z-index:100;padding:1rem 1.5rem;margin-top:2rem}.book-edit-approve-inner{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.book-edit-approve-text{display:flex;flex-direction:column;gap:.15rem}.book-edit-approve-text strong{font-size:1rem;color:#1a1a2e}.book-edit-approve-text span{font-size:.85rem;color:#666}.book-edit-approve-btn{padding:.85rem 2rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #48bb7859;white-space:nowrap;letter-spacing:.01em}.book-edit-approve-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #48bb7873}.book-edit-approve-btn:disabled{opacity:.5;cursor:not-allowed}.book-edit-page-locked{opacity:.7}.book-edit-lock-icon{font-size:2rem}.book-edit-coin-info{display:flex;align-items:center;gap:4px;font-size:.85rem;color:#555;margin-top:2px}.book-edit-purchase-error{color:#e53e3e;font-size:.85rem;margin:0}@media (max-width: 640px){.book-edit-page-card{flex-direction:column}.book-edit-page-image-container{flex:none}.book-edit-approve-inner{flex-direction:column;text-align:center;gap:.75rem}.book-edit-approve-btn{width:100%}}.pdl-page{max-width:860px;margin:0 auto;padding:0 1rem 4rem}.pdl-download-bar{position:sticky;top:0;z-index:90;background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 16px #00000012;margin-bottom:2rem}.pdl-download-bar-inner{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 1.5rem}.pdl-download-bar-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.pdl-download-bar-text strong{font-size:1rem;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdl-download-bar-text span{font-size:.82rem;color:#888}.pdl-download-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 14px #667eea59}.pdl-download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea73}.pdl-download-btn:disabled{opacity:.7;cursor:not-allowed}.pdl-spinner-inline{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:pdl-spin .7s linear infinite;flex-shrink:0}@keyframes pdl-spin{to{transform:rotate(360deg)}}.pdl-progress-bar{height:3px;background:#e8e8e8}.pdl-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.pdl-success{font-size:.9rem;font-weight:700;color:#38a169}.pdl-bar-error{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#c53030}.pdl-bar-error button{padding:.35rem .85rem;font-size:.82rem;border:1px solid #c53030;border-radius:6px;background:#fff;color:#c53030;cursor:pointer;min-height:auto;box-shadow:none;text-transform:none;font-weight:600}.pdl-loading,.pdl-error{text-align:center;padding:5rem 2rem;color:#888;font-size:1.05rem;font-weight:600}.pdl-error{color:#c53030}.pdl-pages{display:flex;flex-direction:column;gap:2rem}.pdl-page-card{display:flex;gap:2rem;align-items:flex-start;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e8e8e8;box-shadow:0 4px 16px #0000000d}.pdl-page-image-wrap{flex-shrink:0;width:260px}.pdl-page-image-wrap img{width:100%;display:block;object-fit:cover;aspect-ratio:1}.pdl-no-image{width:100%;aspect-ratio:1;background:#f7f7f7;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:.85rem}.pdl-page-body{flex:1;padding:1.75rem 1.75rem 1.75rem 0;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.pdl-page-num{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#999}.pdl-page-text{font-size:1.05rem;line-height:1.75;color:#333;margin:0}@media (max-width: 640px){.pdl-download-bar-inner{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.pdl-download-btn{width:100%;justify-content:center}.pdl-page-card{flex-direction:column;gap:0}.pdl-page-image-wrap{width:100%}.pdl-page-body{padding:1.25rem}}.products-page{padding:3rem 1rem;max-width:1000px;margin:0 auto}.products-header{text-align:center;margin-bottom:4rem}.products-header h1{font-size:3rem;margin-bottom:1rem;color:var(--text-dark)}.products-header p{font-size:1.2rem;color:var(--text-light)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;justify-content:center}.product-card{background:#fff;border-radius:24px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 30px #0000000d;border:1px solid var(--border-color);transition:all .3s ease;position:relative;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014;border-color:var(--primary-pink)}.product-card.featured{border:2px solid var(--primary-pink);transform:scale(1.05)}.product-card.featured:after{content:"Best Value";position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--primary-pink);color:#fff;padding:.4rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase}.product-icon{font-size:3.5rem;margin-bottom:1.5rem}.product-card h3{font-size:1.8rem;margin-bottom:1rem;color:var(--text-dark)}.product-description{color:var(--text-light);margin-bottom:2rem;min-height:3rem;line-height:1.5}.product-price{font-size:3.5rem;font-weight:800;color:var(--text-dark);margin-bottom:2rem;font-family:Fredoka One,cursive}.product-price:before{content:"$";font-size:1.5rem;vertical-align:super;margin-right:2px}.buy-button{width:100%;margin-top:auto;font-size:1.1rem;padding:1rem;text-transform:none}.no-products,.loading{text-align:center;padding:4rem;background:#fff;border-radius:20px;color:var(--text-dark)}.navigation-links{margin-top:4rem;text-align:center}.link-button{background:none;border:none;box-shadow:none;color:var(--primary-blue);text-transform:none;font-weight:700;min-height:auto;padding:.5rem}.link-button:hover{background:none;color:var(--primary-pink);text-decoration:underline;transform:none}.product-features{text-align:left;margin:0 auto 2.5rem;list-style:none;padding:0;width:100%}.product-features li{padding:.6rem 0;color:var(--text-light);display:flex;align-items:center;gap:.8rem;font-size:.95rem}.product-features li:before{content:"✅";font-size:.9rem}@media (max-width: 768px){.product-card.featured{transform:none}.product-price{font-size:2.5rem}}.payment-success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.status-card{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;text-align:center;animation:scaleIn .5s ease-out}.status-icon{font-size:5rem;margin-bottom:1.5rem;animation:bounce 1s ease-out}.success-icon{animation:bounce 1s ease-out,pulse 2s infinite}.pending-icon{animation:rotate 2s linear infinite}.error-icon{animation:shake .5s ease-out}.status-card h1{font-size:2.5rem;color:#333;margin-bottom:1rem}.success-message,.pending-message,.error-message{font-size:1.2rem;color:#666;margin-bottom:2rem;line-height:1.6}.payment-details{background:#f8f9fa;border-radius:15px;padding:1.5rem;margin:2rem 0;text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#667eea}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.action-button{padding:1rem 2rem;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;border:none}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary:hover{transform:scale(1.05);box-shadow:0 5px 20px #667eea66}.action-button.secondary{background:#fff;color:#667eea;border:2px solid #667eea}.action-button.secondary:hover{background:#667eea;color:#fff}.action-button:not(.primary):not(.secondary){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button:hover{transform:scale(1.05)}.spinner{width:60px;height:60px;border:5px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.success-card{border-top:5px solid #4caf50}.pending-card{border-top:5px solid #ff9800}.error-card{border-top:5px solid #f44336}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.status-card{padding:2rem}.status-card h1{font-size:2rem}.status-icon{font-size:4rem}.action-buttons{flex-direction:column}.action-button{width:100%}}.purchases-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.purchases-header{text-align:center;margin-bottom:3rem;animation:slideInDown .5s ease-out}.purchases-header h1{font-size:3rem;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.purchases-header p{font-size:1.2rem;color:#ffffffe6}.purchases-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .6s ease-out}.purchase-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0003;transition:transform .3s ease,box-shadow .3s ease}.purchase-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.purchase-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.purchase-icon{font-size:3rem;animation:pulse 2s infinite}.purchase-info h3{font-size:1.5rem;color:#667eea;margin-bottom:.3rem}.purchase-date{color:#666;font-size:.9rem}.purchase-details{background:#f8f9fa;border-radius:10px;padding:1rem;margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-weight:600;color:#667eea;font-size:.9rem}.detail-value{color:#333;font-weight:500}.purchase-actions{display:flex;justify-content:flex-end}.download-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.8rem 2rem;font-size:1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600}.download-button:hover:not(.disabled){transform:scale(1.05);box-shadow:0 5px 20px #667eea66}.download-button.disabled{opacity:.6;cursor:not-allowed;background:#ccc}.no-purchases{background:#fff;border-radius:20px;padding:4rem 2rem;text-align:center;max-width:600px;margin:0 auto;box-shadow:0 10px 30px #0003;animation:scaleIn .5s ease-out}.empty-icon{font-size:5rem;margin-bottom:1.5rem;animation:bounce 2s infinite}.no-purchases h2{font-size:2rem;color:#333;margin-bottom:1rem}.no-purchases p{color:#666;font-size:1.2rem;margin-bottom:2rem}.browse-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600}.browse-button:hover{transform:scale(1.05);box-shadow:0 5px 20px #667eea66}.loading{text-align:center;color:#fff;font-size:1.5rem;padding:4rem}.navigation-links{text-align:center;margin-top:3rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.link-button{background:#fff3;color:#fff;border:2px solid white;padding:.8rem 1.5rem;font-size:1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.link-button:hover{background:#fff;color:#667eea;transform:scale(1.05)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.purchases-page{padding:1rem}.purchases-header h1{font-size:2rem}.purchase-card{padding:1.5rem}.purchase-header{flex-direction:column;text-align:center}.purchase-details{grid-template-columns:1fr}.purchase-actions{justify-content:center}.download-button{width:100%}.navigation-links{flex-direction:column}.link-button{width:100%}}.style-creator-container{width:100%;max-width:900px;margin:0 auto}.style-creator-wrapper{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 12px #00000014}.style-creator-wrapper h2{font-size:2rem;color:#333;margin-bottom:10px;text-align:center}.subtitle{text-align:center;color:#666;font-size:1rem;margin-bottom:30px}.success-message{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:20px}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#28a745;color:#fff;border-radius:50%;font-weight:700}.error-message{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#dc3545;color:#fff;border-radius:50%;font-weight:700;font-size:.9rem}.style-creation-form{margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:1rem}.form-input,.form-textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;background:#f9f9ff}.form-input:disabled,.form-textarea:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.form-textarea{resize:vertical;min-height:150px}.prompt-hint{font-size:.9rem;color:#666;margin-bottom:12px;line-height:1.5}.character-count{display:block;text-align:right;font-size:.85rem;color:#999;margin-top:6px}.form-actions{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.submit-button{display:flex;align-items:center;gap:8px;padding:15px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.submit-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{font-size:1.2rem}.loading-info{text-align:center;padding:20px;background:#f0f4ff;border-radius:8px;color:#667eea;font-weight:500}.loading-info p{margin:0}.small-text{display:block;font-size:.85rem;color:#999;margin-top:6px;font-weight:400}.style-preview-section{margin:30px 0;padding:20px;background:#f9f9ff;border-radius:8px;border:2px solid #e0e0e0}.style-preview-section h3{color:#333;margin-bottom:15px;font-size:1.2rem}.preview-image{width:100%;max-width:600px;margin:0 auto 15px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.preview-image img{width:100%;height:auto;display:block}.preview-note{text-align:center;color:#666;font-size:.95rem;margin:0}.tips-section{margin-top:40px;padding:25px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px}.tips-section h3{color:#333;margin-top:0;font-size:1.2rem}.tips-section ul{list-style:none;padding:0;margin:0}.tips-section li{padding:10px 0 10px 28px;color:#555;position:relative;line-height:1.6}.tips-section li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.1rem}@media (max-width: 768px){.style-creator-wrapper{padding:20px}.style-creator-wrapper h2{font-size:1.5rem}.submit-button{padding:12px 24px;font-size:.95rem}.tips-section{padding:15px}.tips-section h3{font-size:1rem}.tips-section li{font-size:.9rem}}.partner-manager{width:100%}.partner-manager h2{color:#333;margin-bottom:20px}.create-partner-section{margin-bottom:40px;padding:24px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.create-partner-section h3{margin-bottom:16px;color:#333}.partner-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:200px}.form-group label{display:block;font-weight:600;margin-bottom:6px;color:#444;font-size:14px}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:10px 14px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input[type=text]:focus,.form-group input[type=number]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.form-group input[type=color]{width:60px;height:42px;padding:2px;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;background:none}.slug-hint{font-size:12px;color:#888;margin-top:4px}.create-partner-btn{padding:12px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;align-self:flex-start}.create-partner-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.create-partner-btn:disabled{opacity:.6;cursor:not-allowed}.partner-list-section h3{margin-bottom:16px;color:#333}.partner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.partner-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s;cursor:pointer}.partner-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.partner-card-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.partner-logo{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid #eee}.partner-logo-placeholder{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.partner-card-info h4{margin:0 0 4px;font-size:16px;color:#333}.partner-slug{font-size:13px;color:#888;font-family:monospace}.partner-card-stats{display:flex;gap:16px;font-size:13px;color:#666;margin-bottom:12px}.partner-card-footer{display:flex;justify-content:space-between;align-items:center}.partner-status{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.partner-status.active{background:#d4edda;color:#155724}.partner-status.inactive{background:#f8d7da;color:#721c24}.partner-detail-panel{margin-top:30px;padding:24px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.partner-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.partner-detail-header h3{margin:0}.close-detail-btn{padding:6px 14px;background:#e9ecef;border:none;border-radius:6px;cursor:pointer;font-size:13px}.detail-section{margin-bottom:24px}.detail-section h4{margin-bottom:12px;color:#444;font-size:15px}.upload-area{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.upload-area input[type=file]{font-size:13px}.upload-area select,.upload-area input[type=text]{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:13px}.upload-btn{padding:8px 18px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.asset-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.asset-item{display:flex;flex-direction:column;align-items:center;gap:6px}.asset-item img{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #dee2e6}.asset-item span{font-size:11px;color:#666}.linked-stories{margin-bottom:16px}.linked-story-item{padding:8px 12px;background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.default-badge{background:#667eea;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px}.create-story-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.create-story-btn:hover{background:#5a6fd6}.story-creator{margin-top:16px;padding:20px;background:#fff;border:1px solid #dee2e6;border-radius:10px}.story-creator h4{margin-bottom:16px;color:#333}.story-idea-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:16px}.generate-draft-btn{padding:10px 20px;background:linear-gradient(135deg,#f7971e,#ffd200);color:#333;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap;height:42px}.generate-draft-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f7971e66}.generate-draft-btn:disabled{opacity:.5;cursor:not-allowed}.generating-indicator{padding:10px 16px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:13px;margin-bottom:16px;animation:pulse-bg 1.5s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:1}50%{opacity:.7}}.story-meta-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.story-meta-row .form-group{flex:1;min-width:200px}.story-default-row{margin-bottom:16px;font-size:14px}.story-default-row label{display:flex;align-items:center;gap:6px;cursor:pointer}.story-pages-editor{margin-bottom:20px}.pages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pages-header h5{margin:0;font-size:15px;color:#444}.add-page-btn{padding:6px 14px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.add-page-btn:hover{background:#218838}.page-editor-card{border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;overflow:hidden}.page-editor-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.page-number-badge{font-weight:700;font-size:13px;color:#667eea}.page-editor-controls{display:flex;align-items:center;gap:12px}.inject-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:#555;cursor:pointer;padding:4px 10px;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:16px;font-weight:600;white-space:nowrap}.inject-toggle input[type=checkbox]{accent-color:#28a745}.remove-page-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:50%;cursor:pointer;font-size:13px;font-weight:700;transition:background .2s}.remove-page-btn:hover{background:#f1aeb5}.page-editor-fields{padding:14px;display:flex;flex-direction:column;gap:12px}.page-field label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:4px}.page-field textarea{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;box-sizing:border-box;transition:border-color .2s}.page-field textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.story-creator-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-story-btn{padding:10px 20px;background:#f1f3f5;color:#555;border:none;border-radius:8px;font-size:14px;cursor:pointer}.cancel-story-btn:hover{background:#e9ecef}.save-story-btn{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.save-story-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.save-story-btn:disabled{opacity:.5;cursor:not-allowed}.partner-success-msg{padding:12px 16px;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:16px}.partner-error-msg{padding:12px 16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:16px}.empty-state{text-align:center;padding:40px;color:#888}@media (max-width: 768px){.form-row{flex-direction:column}.partner-grid{grid-template-columns:1fr}}.admin-dashboard{width:100%}.admin-dashboard h2{color:#333;margin-bottom:20px;font-size:1.4rem}.admin-dashboard-loading,.admin-dashboard-error{padding:40px;text-align:center;color:#666;font-size:1.1rem}.admin-dashboard-error{color:#e74c3c}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:10px 14px;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}.admin-table th{background:#f8f9fa;color:#555;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.admin-table tbody tr:hover{background:#f8f9ff}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.badge-admin{background:#667eea;color:#fff}.badge-template{background:#38b2ac;color:#fff}.pdf-link{color:#667eea;text-decoration:none;font-weight:500}.pdf-link:hover{text-decoration:underline}.usage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.usage-card{background:linear-gradient(135deg,#f8f9ff,#eef0ff);border-radius:10px;padding:20px;text-align:center;border:1px solid #e0e4f5}.usage-card-label{font-size:.8rem;text-transform:capitalize;color:#888;margin-bottom:8px;font-weight:600}.usage-card-cost{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:4px}.usage-card-count{font-size:.85rem;color:#888}.usage-breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.usage-breakdown h3{color:#333;margin-bottom:12px;font-size:1.1rem}.grant-coins-btn{padding:4px 10px;font-size:.78rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.grant-coins-btn:hover{background:#5a6fd6}.grant-coins-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.grant-coins-modal{background:#fff;border-radius:12px;padding:28px;width:380px;max-width:90vw;box-shadow:0 8px 30px #00000026}.grant-coins-modal h3{margin:0 0 20px;font-size:1.1rem;color:#333}.grant-coins-field{margin-bottom:14px}.grant-coins-field label{display:block;font-size:.82rem;font-weight:600;color:#555;margin-bottom:4px}.grant-coins-field input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;box-sizing:border-box}.grant-coins-error{color:#e74c3c;font-size:.85rem;margin-bottom:10px}.grant-coins-success{color:#27ae60;font-size:.85rem;margin-bottom:10px}.grant-coins-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.grant-coins-cancel{padding:8px 16px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.grant-coins-submit{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem}.grant-coins-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.usage-breakdowns{grid-template-columns:1fr}.admin-table th,.admin-table td{padding:8px 10px;font-size:.8rem}}.stm-container{width:100%;max-width:960px;margin:0 auto}.stm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stm-header h2{font-size:1.5rem;color:#333;margin:0}.stm-btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.stm-btn:disabled{opacity:.5;cursor:not-allowed}.stm-btn-sm{padding:5px 12px;font-size:.8rem}.stm-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.stm-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.stm-btn-secondary{background:#f0f4ff;color:#667eea;border:1px solid #dde4ff}.stm-btn-secondary:hover:not(:disabled){background:#e0e8ff}.stm-btn-ai{margin-top:8px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 2px 8px #f5576c40}.stm-btn-ai:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f5576c66}.stm-btn-danger{background:#fff0f0;color:#dc3545;border:1px solid #fdd}.stm-btn-danger:hover:not(:disabled){background:#ffe0e0}.stm-btn-ghost{background:transparent;color:#666;border:1px solid #ddd}.stm-btn-ghost:hover:not(:disabled){background:#f5f5f5}.stm-btn-placeholder{padding:3px 8px;font-size:.75rem;background:#eef1ff;color:#667eea;border:1px solid #dde4ff;border-radius:4px}.stm-btn-placeholder:hover:not(:disabled){background:#dde4ff}.stm-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.stm-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.stm-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.stm-msg-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-weight:700;font-size:.8rem;flex-shrink:0}.stm-success .stm-msg-icon{background:#28a745;color:#fff}.stm-error .stm-msg-icon{background:#dc3545;color:#fff}.stm-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:24px;margin-bottom:16px;box-shadow:0 2px 6px #0000000a}.stm-create-form h3{margin:0 0 20px;font-size:1.2rem;color:#333}.stm-form-group{margin-bottom:18px}.stm-form-group label{display:block;font-weight:600;color:#444;margin-bottom:6px;font-size:.9rem}.stm-input,.stm-textarea{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:.95rem;transition:border-color .2s;box-sizing:border-box}.stm-input:focus,.stm-textarea:focus{outline:none;border-color:#667eea;background:#fafbff}.stm-input:disabled,.stm-textarea:disabled{background:#f5f5f5;color:#999}.stm-textarea{resize:vertical;min-height:80px}.stm-code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5}.stm-form-actions{display:flex;gap:10px;margin-top:20px}.stm-cover-section{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.stm-cover-preview{width:120px;height:120px;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0;flex-shrink:0}.stm-cover-preview img{width:100%;height:100%;object-fit:cover}.stm-list{display:flex;flex-direction:column;gap:12px}.stm-template-card{transition:box-shadow .2s}.stm-template-card:hover{box-shadow:0 4px 12px #00000014}.stm-template-header{margin-bottom:12px}.stm-template-info{display:flex;gap:16px;align-items:flex-start}.stm-thumbnail{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid #e8e8e8}.stm-thumbnail img{width:100%;height:100%;object-fit:cover}.stm-template-text{flex:1;min-width:0}.stm-template-text h3{margin:0 0 6px;font-size:1.1rem;color:#333}.stm-idea{margin:0 0 8px;color:#555;font-size:.9rem;line-height:1.4}.stm-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stm-meta{font-size:.8rem;color:#999}.stm-placeholders-badge{display:inline-flex;gap:4px}.stm-placeholder-tag{display:inline-block;padding:1px 6px;background:#eef1ff;color:#667eea;border:1px solid #dde4ff;border-radius:4px;font-size:.75rem;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace}.stm-placeholder-inline{margin:0 1px;background:#fff3cd;color:#856404;border-color:#ffeeba}.stm-placeholder-hint{padding:10px 14px;background:#f0f4ff;border:1px solid #dde4ff;border-radius:8px;margin-bottom:14px;font-size:.85rem;color:#444}.stm-placeholder-hint strong{color:#667eea}.stm-placeholder-desc{color:#888;font-size:.8rem}.stm-placeholder-btns{display:flex;gap:6px;margin-bottom:6px}.stm-pages-editor{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.stm-pages-tabs{display:flex;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.stm-pages-tab{padding:10px 20px;border:none;background:transparent;font-size:.85rem;font-weight:600;cursor:pointer;color:#888;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.stm-pages-tab:hover{color:#667eea}.stm-pages-tab.active{color:#667eea;border-bottom-color:#667eea;background:#fff}.stm-pages-visual,.stm-pages-raw{padding:16px}.stm-raw-textarea{min-height:300px}.stm-json-error{margin-top:6px;color:#dc3545;font-size:.85rem;font-weight:600}.stm-pages-empty{text-align:center;color:#999;padding:20px;font-size:.9rem}.stm-page-card{border:1px solid #e8e8e8;border-radius:8px;padding:16px;margin-bottom:12px;background:#fafbff}.stm-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stm-page-number{font-weight:700;color:#667eea;font-size:.9rem}.stm-page-card .stm-form-group{margin-bottom:12px}.stm-page-card .stm-form-group label{font-size:.8rem;color:#666}.stm-page-card .stm-textarea{min-height:60px;font-size:.9rem}.stm-peek{border:1px solid #eee;border-radius:8px;margin-bottom:12px;overflow:hidden}.stm-peek-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f8f9fa;cursor:pointer;font-size:.85rem;font-weight:600;color:#555;-webkit-user-select:none;user-select:none}.stm-peek-header:hover{background:#f0f2f5}.stm-peek-toggle{font-size:.7rem;color:#999}.stm-peek-tabs{margin-left:auto;display:flex;gap:2px;background:#e8e8e8;border-radius:6px;padding:2px}.stm-peek-tab{padding:4px 12px;border:none;background:transparent;font-size:.78rem;font-weight:600;cursor:pointer;border-radius:4px;color:#888;transition:all .15s}.stm-peek-tab.active{background:#fff;color:#667eea;box-shadow:0 1px 3px #0000001a}.stm-peek-body{max-height:400px;overflow-y:auto}.stm-peek-pages{padding:12px 16px}.stm-peek-page{padding:10px 0;border-bottom:1px solid #f0f0f0}.stm-peek-page:last-child{border-bottom:none}.stm-peek-page-num{font-weight:700;color:#667eea;font-size:.8rem;margin-bottom:4px}.stm-peek-page-content{font-size:.88rem;color:#333;line-height:1.5;margin-bottom:4px}.stm-peek-page-prompt{font-size:.8rem;color:#888;line-height:1.4;font-style:italic}.stm-peek-label{font-weight:600;font-style:normal;color:#aaa}.stm-json{margin:0;padding:12px 16px;background:#f8f9fa;font-size:.8rem;overflow-x:auto;max-height:350px;overflow-y:auto;line-height:1.4}.stm-template-actions{display:flex;gap:8px;flex-wrap:wrap}.stm-edit-form h3{margin:0 0 16px;font-size:1.1rem;color:#333}.stm-loading,.stm-empty{text-align:center;padding:40px 20px;color:#888;font-size:1rem}@media (max-width: 768px){.stm-header{flex-direction:column;gap:12px;align-items:flex-start}.stm-template-info{flex-direction:column}.stm-thumbnail{width:100%;height:160px}.stm-template-actions,.stm-form-actions,.stm-cover-section{flex-direction:column}.stm-cover-preview{width:100%;height:160px}.stm-peek-header{flex-wrap:wrap}.stm-peek-tabs{margin-left:0;margin-top:6px}}.admin-page-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.admin-header{text-align:center;max-width:900px;margin:0 auto 30px}.admin-header h1{font-size:2.5rem;color:#333;margin-bottom:10px}.admin-header p{color:#666;font-size:1.1rem}.admin-tabs{display:flex;gap:10px;max-width:1200px;margin:0 auto 30px;justify-content:center;flex-wrap:wrap}.admin-tab-button{padding:12px 24px;border:2px solid transparent;background-color:#fff;color:#333;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.admin-tab-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.admin-tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.admin-content{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;padding:30px;box-shadow:0 8px 32px #0000001a;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.styles-management{width:100%}.settings-management{padding:20px}.settings-management h2{color:#333;margin-bottom:20px}.settings-management p{color:#666;font-size:1.1rem}.admin-access-denied{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.access-denied-content{text-align:center;background:#fff;border-radius:12px;padding:60px 40px;box-shadow:0 8px 32px #0000001a;max-width:400px}.access-denied-content h1{font-size:2rem;color:#333;margin-bottom:20px}.access-denied-content p{color:#666;font-size:1.1rem;margin-bottom:30px}.access-denied-content button{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.access-denied-content button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.admin-header h1{font-size:1.8rem}.admin-content{padding:20px}.admin-tab-button{padding:10px 16px;font-size:14px}}.legal-page{min-height:100vh;display:flex;flex-direction:column}.legal-page .mvp-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid var(--border-color)}.legal-page .mvp-logo{cursor:pointer}.legal-page .mvp-logo-icon{font-family:Fredoka One,cursive;font-size:1.5rem;color:var(--primary-pink)}.legal-content{max-width:800px;margin:0 auto;padding:3rem 2rem 4rem;flex:1}.legal-content h1{font-family:Fredoka One,cursive;font-size:2.2rem;color:var(--text-dark);margin-bottom:.5rem}.legal-effective-date{color:var(--text-light);font-size:.95rem;margin-bottom:2rem}.legal-content h2{font-family:Fredoka One,cursive;font-size:1.4rem;color:var(--text-dark);margin-top:2.5rem;margin-bottom:.75rem}.legal-content h3{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-top:1.5rem;margin-bottom:.5rem}.legal-content p,.legal-content li{font-size:1rem;line-height:1.7;color:var(--text-light);margin-bottom:.75rem}.legal-content ul,.legal-content ol{padding-left:1.5rem;margin-bottom:1rem}.legal-content a{color:var(--primary-pink);text-decoration:underline}.legal-content a:hover{opacity:.8}.legal-page .mvp-footer{text-align:center;padding:1.5rem;color:var(--text-light);font-size:.85rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.legal-content{padding:2rem 1rem 3rem}.legal-content h1{font-size:1.8rem}.legal-content h2{font-size:1.2rem}}