@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.navbar{background:var(--background-color);border-bottom:1px solid #11111114;padding:1.5rem 0}.container{max-width:1440px;padding:0 32px}.nav-content{align-items:center;display:flex;justify-content:space-between}.logo{color:var(--primary-color);font-family:Playfair Display,serif;font-size:1.5rem;font-style:italic;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li{display:inline-block}.nav-links a{color:var(--text-color);font-weight:600;padding-bottom:4px;position:relative;text-decoration:none;transition:color .2s ease}.nav-links a.active,.nav-links a:hover{color:var(--primary-color)}.nav-links a.active:after{background-color:var(--primary-color);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.mobile-menu-toggle{cursor:pointer;display:none;flex-direction:column;padding:8px}.mobile-menu-toggle span{background-color:var(--text-color);border-radius:2px;display:block;height:3px;margin-bottom:4px;transition:all .3s ease;width:24px}.mobile-menu-toggle span:last-child{margin-bottom:0}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav-links{align-items:center;background:var(--background-color);box-shadow:0 5px 10px #0000001a;flex-direction:column;gap:1.5rem;left:0;padding:1rem 0;position:absolute;right:0;top:80px;transform:translateY(-150%);transition:transform .3s ease;z-index:10}.nav-links.active{transform:translateY(0)}}.age-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.age-option{background:#fff;background:var(--background-color,#fff);border:2px solid #11111114;border:2px solid var(--border-color,#11111114);border-radius:24px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.age-option.selected,.age-option:hover{border-color:#8c28ff;border-color:var(--primary-color,#8c28ff)}.age-option.selected{background:linear-gradient(8deg,var(--primary-color) 0,var(--accent-color) 100%);color:#fff}.age-option:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){.age-selector{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.age-selector{grid-template-columns:1fr}}.character-setting-form{width:100%}.form-group{margin-bottom:24px}.form-label{color:#111;color:var(--text-color,#111);display:block;font-weight:600;margin-bottom:8px}.text-input{background:#fff;background:var(--background-color,#fff);border:2px solid #11111114;border:2px solid var(--border-color,#11111114);border-radius:8px;font-family:Inter,Montserrat,sans-serif;font-size:16px;padding:16px;transition:border-color .2s ease;width:100%}.text-input::placeholder{color:#6e6e77;color:var(--light-text,#6e6e77)}.text-input:focus{border-color:#8c28ff;border-color:var(--primary-color,#8c28ff);outline:none}.text-input.error{border-color:#ff5b35;border-color:var(--error-color,#ff5b35)}.error-message{animation:fadeIn .3s ease;color:#ff5b35;color:var(--error-color,#ff5b35);font-size:14px;margin-top:8px}.text-input:disabled{background:var(--border-color);cursor:not-allowed;opacity:.7}@media (max-width:480px){.text-input{font-size:14px;padding:12px}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1.5rem;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.loading-message{color:var(--light-text);font-size:1rem;font-style:italic;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner-container.full-page{background:#fffcf7e6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner-container.overlay{background:#fffcf7cc;border-radius:var(--border-radius-lg);bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}@media (prefers-reduced-motion:no-preference){.loading-spinner-container{animation:gentle-float 3s ease-in-out infinite alternate}@keyframes gentle-float{0%{transform:translateY(0)}to{transform:translateY(-5px)}}}.scene-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.scene-card:hover{box-shadow:0 4px 12px #00000014}.scene-image-container{height:200px;overflow:hidden;position:relative;width:100%}.scene-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.scene-image:hover{transform:scale(1.03)}.scene-image-actions{display:flex;gap:8px;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .2s ease}.scene-image-container:hover .scene-image-actions{opacity:1}.scene-action{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:transform .1s ease,background-color .1s ease;width:32px}.scene-action:hover{transform:translateY(-2px)}.scene-action.regenerate:hover{background-color:#ff9c7de6}.scene-action.refresh:hover{background-color:#65c9ffe6}.scene-text{color:var(--text-color);line-height:1.6;padding:var(--spacing-md)}.scene-text p{font-size:1rem;margin:0}.scene-index{background:#0009;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;left:10px;padding:4px 8px;position:absolute;top:10px}.image-options-carousel{animation:slideUp .3s ease-out;background:#000000b3;bottom:0;display:flex;gap:var(--spacing-sm);justify-content:center;left:0;overflow-x:auto;padding:var(--spacing-sm);position:absolute;right:0}.image-option{border:2px solid #0000;border-radius:var(--border-radius-sm);cursor:pointer;height:60px;overflow:hidden;transition:border-color .2s ease,transform .2s ease;width:60px}.image-option:hover{border-color:var(--primary-color);transform:translateY(-2px)}.image-option-thumbnail{height:100%;object-fit:cover;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.scene-card .loading-spinner-container.overlay{border-radius:var(--border-radius-md)}@media (max-width:768px){.scene-image-container{height:180px}.scene-image-actions{opacity:1}}.story-preview-container{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-lg);position:relative;transition:all .2s ease-in-out}.story-preview-container.empty{align-items:center;background:var(--background-color);display:flex;justify-content:center;min-height:300px}.story-preview-empty{color:var(--light-text);text-align:center}.story-preview-icon{display:block;font-size:3rem;margin-bottom:var(--spacing-md)}.story-preview-header{margin-bottom:var(--spacing-lg)}.story-title{font-size:2rem}.story-moral{font-size:1rem}.story-preview-scenes{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.story-preview-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.pill-button{gap:8px;padding:0 24px}@media (max-width:768px){.story-preview-actions{flex-direction:column}.pill-button{justify-content:center;width:100%}}.story-preview-container{animation:fadeIn .5s ease-out}.error-message{align-items:flex-start;animation:fadeIn .3s ease-in;border-left:4px solid;border-radius:var(--border-radius-md);box-shadow:0 4px 12px #0000000d;display:flex;margin-bottom:1.5rem;padding:1.25rem}.error-message.error{background-color:#ff7b921a;border-left-color:var(--error-color)}.error-message.warning{background-color:#ffce731a;border-left-color:var(--warning-color)}.error-message.info{background-color:#65c9ff1a;border-left-color:var(--accent-color)}.error-icon{align-items:center;display:flex;font-size:1.75rem;justify-content:center;margin-right:1rem}.error-content{flex:1 1}.error-content h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .5rem}.error-content p{color:var(--light-text);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.error-actions{display:flex;gap:.75rem;margin-top:.75rem}.error-action-button{border-radius:20px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.error-action-button.retry{background:linear-gradient(8deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;color:#fff}.error-action-button.retry:hover{box-shadow:0 4px 8px #8a4fff4d;transform:translateY(-2px)}.error-action-button.dismiss{background-color:initial;border:1px solid var(--border-color);color:var(--light-text)}.error-action-button.dismiss:hover{background-color:var(--border-color)}@media (max-width:576px){.error-message{flex-direction:column}.error-icon{margin-bottom:.75rem;margin-right:0}.error-actions{flex-direction:column}}.create-story-page{margin:0 auto;max-width:1440px;padding:var(--spacing-md) var(--spacing-lg)}.create-story-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}.story-form-container{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);padding:var(--spacing-lg);position:relative}.form-header{margin-bottom:var(--spacing-lg)}.eyebrow{color:var(--primary-color);font-size:.75rem;font-weight:600;letter-spacing:.06em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.form-header h2{color:var(--text-color);font-size:1.5rem;margin:0}.form-section{margin-bottom:var(--spacing-md)}.form-section-label{color:var(--text-color);display:block;font-weight:600;margin-bottom:var(--spacing-sm)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.pill-button:hover:not(:disabled){box-shadow:0 8px 16px -4px #8a4fff66;transform:translateY(-2px)}.pill-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.form-loading{align-items:center;background:#fffcf7e6;border-radius:var(--border-radius-lg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.story-preview-wrapper{display:flex;flex-direction:column}.story-form-container,.story-preview-wrapper{animation:fadeIn .5s ease-out}@media (max-width:1100px){.create-story-content{gap:var(--spacing-lg);grid-template-columns:1fr}.story-form-container{order:1}.story-preview-wrapper{order:2}}@media (max-width:768px){.create-story-page{padding:var(--spacing-md)}.page-title{font-size:1.75rem}.form-actions{flex-direction:column}.pill-button{width:100%}}@media (max-width:480px){.page-title{font-size:1.5rem}.story-form-container,.story-preview-wrapper{padding:var(--spacing-md)}}.story-card{background-color:var(--background-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.story-card:hover{box-shadow:0 8px 20px #8a4fff26;transform:translateY(-4px)}.story-card-image{background-position:50%;background-size:cover;height:180px;position:relative}.story-card-age-tag{background-color:var(--text-color);border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;left:12px;padding:4px 12px;position:absolute;top:12px}.story-card-content{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-md)}.story-card-title{color:var(--primary-color);font-family:Playfair Display,serif;font-size:1.25rem;font-style:italic;line-height:1.3;margin:0 0 var(--spacing-sm) 0}.story-card-preview{color:var(--light-text);flex:1 1;font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-md)}.story-card-meta{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.story-card-time{color:var(--light-text);font-size:.75rem;font-style:italic}.story-card-actions{display:flex;gap:var(--spacing-sm)}.pill-button{border-radius:20px;font-size:.9rem;padding:8px 16px;text-align:center;transition:all .2s ease}.primary-sm{background:linear-gradient(8deg,var(--primary-color) 0,var(--accent-color) 100%);color:#fff}.delete-sm{background-color:initial;border:1px solid var(--error-color);color:var(--error-color)}.primary-sm:hover{box-shadow:0 4px 10px #8a4fff4d}.delete-sm:hover{background-color:#ff7b920d;box-shadow:0 4px 10px #ff7b921a}@media (max-width:768px){.story-card-image{height:160px}.story-card-actions{flex-direction:column}.pill-button{width:100%}}.story-card{animation:fadeIn .3s ease-out}.library-page{margin:0 auto;max-width:1440px;padding:var(--spacing-md) var(--spacing-lg)}.page-title{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.page-title em{font-family:Playfair Display,serif;font-style:italic}.library-content{padding:var(--spacing-md) 0}.story-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.empty-library{align-items:center;background-color:var(--background-color);border:1px dashed var(--border-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;justify-content:center;margin:var(--spacing-lg) 0;padding:var(--spacing-xl) 0;text-align:center}.empty-library-icon{color:var(--primary-color);font-size:4rem;margin-bottom:var(--spacing-md)}.empty-library h2{color:var(--text-color);font-size:1.5rem;margin-bottom:var(--spacing-md)}.empty-library p{color:var(--light-text);margin-bottom:var(--spacing-lg);max-width:400px}.story-grid{animation:fadeIn .5s ease-out}@media (max-width:768px){.story-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.story-grid{grid-template-columns:1fr}.page-title{font-size:1.75rem}}.story-view-page{margin:0 auto;max-width:1440px;padding:var(--spacing-md) var(--spacing-lg)}.story-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);text-align:center}.story-header-content{margin:0 auto;max-width:800px}.story-age-tag{background:var(--text-color);border-radius:14px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:var(--spacing-sm);padding:6px 16px}.story-title{color:var(--primary-color);font-family:Playfair Display,serif;font-size:2.5rem;font-style:italic;font-weight:700;line-height:1.35}.story-moral,.story-title{margin-bottom:var(--spacing-md)}.story-moral{background-color:#8a4fff0d;border-left:3px solid var(--primary-color);border-radius:var(--border-radius-md);color:var(--text-color);font-size:1.1rem;line-height:1.6;padding:var(--spacing-md);text-align:left}.story-reading-view{margin:0 auto;max-width:800px}.scene-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.scene-indicator{color:var(--light-text);font-size:.9rem;font-weight:600}.nav-button{align-items:center;background:var(--background-color);border:2px solid var(--primary-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-button:hover:not(.disabled){background-color:var(--primary-color);color:#fff}.nav-button.disabled{border-color:var(--border-color);color:var(--border-color);cursor:not-allowed;opacity:.5}.current-scene{animation:fadeIn .3s ease}.current-scene,.story-actions{margin-bottom:var(--spacing-xl)}.story-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.story-not-found{padding:var(--spacing-xl);text-align:center}.story-not-found h2{color:var(--text-color);margin-bottom:var(--spacing-md)}.story-not-found p{color:var(--light-text);margin-bottom:var(--spacing-lg)}.pill-button{align-items:center;border:none;border-radius:22px;cursor:pointer;display:inline-flex;flex:1 1;font-family:Montserrat,Inter,sans-serif;font-size:1rem;font-weight:600;gap:var(--spacing-sm);height:44px;justify-content:center;padding:0 var(--spacing-lg);text-decoration:none;transition:all .14s cubic-bezier(.4,0,.2,1)}.pill-button.primary{background:linear-gradient(8deg,var(--primary-color) 0,var(--accent-color) 100%);color:#fff}.pill-button.outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.pill-button:hover{box-shadow:0 8px 16px -4px #8a4fff66;transform:translateY(-2px)}.print-header,.print-only-content{display:none}@media print{.navbar,.scene-navigation,.story-actions{display:none!important}.story-view-page{padding:0}.story-header{border:none;margin-bottom:var(--spacing-md)}.current-scene{display:none}.print-header,.print-only-content{display:block}.print-header{border-bottom:1px solid #ccc;margin-bottom:var(--spacing-md);padding:var(--spacing-md);text-align:center}.print-moral{font-style:italic;margin:var(--spacing-md) 0}.print-scene{break-inside:avoid;margin-bottom:var(--spacing-xl);page-break-inside:avoid}.print-image{height:auto;margin-bottom:var(--spacing-sm);max-height:300px;object-fit:contain;width:100%}.print-text{font-size:1rem;line-height:1.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.story-title{font-size:2rem}.story-actions{flex-direction:column}}@media (max-width:480px){.story-view-page{padding:var(--spacing-sm)}.story-title{font-size:1.75rem}.scene-navigation{padding:var(--spacing-sm)}.nav-button{height:36px;width:36px}}:root{--primary-color:#8a4fff;--secondary-color:#ff9e7d;--accent-color:#65c9ff;--background-color:#fffcf7;--text-color:#3a3238;--light-text:#6e6270;--success-color:#7ece9a;--warning-color:#ffce73;--error-color:#ff7b92;--border-color:#e6e0ee;--box-shadow:0 4px 10px #8a4fff1a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fffcf7;background-color:var(--background-color);color:#3a3238;color:var(--text-color);font-family:Montserrat,Inter,sans-serif;line-height:1.6}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--spacing-lg);width:100%}h1,h2,h3,h4,h5,h6{color:#8a4fff;color:var(--primary-color);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{line-height:1.7;margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#8a4fff;color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:#ff9e7d;color:var(--secondary-color);text-decoration:underline}button{background-color:#8a4fff;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-family:inherit;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}button:hover{opacity:.9;transform:translateY(-1px)}button:active{transform:translateY(0)}.container{margin:0 auto;max-width:1200px;padding:1rem;padding:var(--spacing-md);width:100%}.text-center{text-align:center}.loading-container{align-items:center;color:#8a4fff;color:var(--primary-color);display:flex;font-size:1.2rem;height:100vh;justify-content:center}.footer{background-color:#8a4fff;background-color:var(--primary-color);color:#fff;font-size:.9rem;margin-top:auto;padding:1rem;padding:var(--spacing-md);text-align:center}@media (max-width:768px){.main-content{padding:1rem;padding:var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.7rem}h3{font-size:1.3rem}}
/*# sourceMappingURL=main.781357ca.css.map*/