*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f9fafb;background:radial-gradient(circle at top,#1f2937 0%,#111827 45%,#030712 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:#111827;cursor:pointer;background:#f3f4f6;border:0;border-radius:10px;padding:12px 16px;font-weight:700;transition:transform .15s,opacity .15s,background .15s}button:hover:not(:disabled){background:#fff;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.app{justify-content:center;width:100%;height:100dvh;padding:18px;display:flex;overflow:hidden}.app-centered{align-items:center}.card{background:#111827f5;border:1px solid #374151;border-radius:18px;width:100%;max-width:760px;padding:24px;box-shadow:0 18px 50px #00000059}.home-card{max-width:620px}.home-library-card{flex-direction:column;max-height:calc(100dvh - 36px);display:flex;overflow:hidden}.home-library-header{flex:none}.brand{color:#9ca3af;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.82rem;font-weight:800}h1{margin:0 0 12px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1}.description{color:#d1d5db;margin:0 0 20px;font-size:1rem;line-height:1.6}.status{color:#9ca3af;margin-bottom:18px;font-size:.9rem}.recent-stories{border-top:1px solid #374151;flex-direction:column;flex:auto;min-height:0;margin-top:22px;padding-top:18px;display:flex}.recent-stories-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.recent-stories-heading h2{color:#e5e7eb;margin:0;font-size:1rem}.text-button{color:#9ca3af;background:0 0;border-radius:6px;padding:4px 6px;font-size:.8rem;font-weight:600}.text-button:hover:not(:disabled){color:#f3f4f6;background:#1f2937;transform:none}.recent-story-list{gap:8px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.recent-story-list::-webkit-scrollbar{width:8px}.recent-story-list::-webkit-scrollbar-track{background:0 0}.recent-story-list::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.recent-story-item{color:#f9fafb;text-align:left;background:#111827;border:1px solid #2f3a4e;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:12px 14px;display:grid}.recent-story-item:hover:not(:disabled){background:#182235;border-color:#4b5563}.recent-story-cover{background:#0f172a;border:1px solid #2f3a4e;border-radius:12px;width:76px;height:76px;overflow:hidden}.recent-story-cover-image{object-fit:cover;width:100%;height:100%;display:block}.recent-story-cover-placeholder{color:#9ca3af;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;font-size:.72rem;line-height:1.2;display:flex}.recent-story-content{flex-direction:column;gap:4px;min-width:0;display:flex}.recent-story-title{font-size:.95rem;font-weight:700;line-height:1.3}.recent-story-meta,.library-message{color:#9ca3af;font-size:.78rem}.library-message{padding:10px 0}.create-card,.story-card{flex-direction:column;height:calc(100dvh - 36px);max-height:900px;display:flex;overflow:hidden}.create-header,.story-header{flex:none}.story-meta{color:#9ca3af;margin:0 0 8px;font-size:.9rem}.create-form{flex-direction:column;flex:auto;min-height:0;display:flex}.form-scroll,.story-scroll{flex:auto;min-height:0;padding-right:6px;overflow:hidden auto}.form-scroll{margin-top:10px}.story-scroll{margin-top:8px}.form-scroll::-webkit-scrollbar{width:8px}.story-scroll::-webkit-scrollbar{width:8px}.form-scroll::-webkit-scrollbar-track{background:0 0}.story-scroll::-webkit-scrollbar-track{background:0 0}.form-scroll::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.story-scroll::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.form-scroll::-webkit-scrollbar-thumb:hover{background:#4b5563}.story-scroll::-webkit-scrollbar-thumb:hover{background:#4b5563}.form-grid{gap:14px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field{margin-bottom:16px}.field label{color:#e5e7eb;margin-bottom:7px;font-size:.9rem;font-weight:650;display:block}input,select,textarea{color:#f9fafb;background:#0f172a;border:1px solid #4b5563;border-radius:9px;outline:none;width:100%;padding:11px 12px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:74px}input::placeholder,textarea::placeholder{color:#6b7280}input:focus,select:focus,textarea:focus{border-color:#9ca3af;box-shadow:0 0 0 3px #9ca3af1f}.rules{border:1px solid #374151;border-radius:10px;margin:4px 0 12px;padding:14px}.rules legend{color:#d1d5db;padding:0 6px;font-size:.9rem;font-weight:700}.checkbox-row{color:#d1d5db;align-items:flex-start;gap:9px;margin:8px 0;line-height:1.4;display:flex}.checkbox-row input{flex:none;width:auto;margin-top:3px}.form-actions,.story-actions{border-top:1px solid #374151;flex:none;gap:12px;margin-top:16px;padding-top:16px;display:grid}.form-actions{grid-template-columns:2fr 1fr}.story-actions{grid-template-columns:1.2fr 1fr 1fr}.secondary-button{color:#f3f4f6;background:#1f2937;border:1px solid #4b5563}.secondary-button:hover:not(:disabled){background:#273449}.error{color:#fecaca;background:#7f1d1d38;border:1px solid #7f1d1d;border-radius:9px;margin:12px 0;padding:12px 14px;font-size:.9rem;line-height:1.45}.cover-panel{background:#111827;border:1px solid #263246;border-radius:12px;flex:none;grid-template-columns:140px minmax(0,1fr);gap:16px;margin-top:12px;padding:14px;display:grid}.cover-artwork{min-width:0}.cover-image,.cover-placeholder{aspect-ratio:1;background:#0f172a;border:1px solid #2f3a4e;border-radius:12px;width:100%}.cover-image{object-fit:cover;display:block}.cover-placeholder{color:#9ca3af;text-align:center;justify-content:center;align-items:center;padding:16px;font-size:.9rem;line-height:1.4;display:flex}.cover-placeholder-loading{border-style:dashed}.cover-controls{flex-direction:column;justify-content:center;display:flex}.cover-generate-button{margin-top:12px}.scene-illustration-block{margin:0 0 1.1rem}.scene-illustration-image,.scene-illustration-placeholder{aspect-ratio:1;background:#0f172a;border:1px solid #2f3a4e;border-radius:14px;width:100%;max-width:520px}.scene-illustration-image{object-fit:cover;display:block}.scene-illustration-placeholder{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;line-height:1.4;display:flex}.scene-illustration-placeholder.loading{border-style:dashed}.scene-illustration-placeholder.error-state{color:#fecaca;border-color:#7f1d1d}.scene-regenerate-button{margin-top:7px}.story-text{color:#e5e7eb;font-size:1rem;line-height:1.72}.story-text p{margin:0 0 1rem}.story-scene+.story-scene{border-top:1px solid #253044;margin-top:1.25rem;padding-top:1.25rem}.scene-writing{color:#9ca3af;border:1px dashed #374151;border-radius:10px;margin:1.25rem 0;padding:12px 14px;font-size:.9rem}.creation-panel,.narration-panel{background:#111827;border:1px solid #263246;border-radius:10px;flex:none;margin-top:12px;padding:12px 14px}.creation-details,.narration-details{color:#d1d5db;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.9rem;display:flex}.progress-track{background:#374151;border-radius:999px;width:100%;height:7px;position:relative;overflow:hidden}.progress-fill{border-radius:inherit;background:#f3f4f6;height:100%;transition:width .25s}.progress-fill.indeterminate{width:35%;animation:1.2s linear infinite narration-loading;position:absolute}.voice-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;display:grid}.voice-row label{color:#d1d5db;font-size:.85rem}.voice-row select{width:100%;min-width:0}.narration-disclosure{color:#6b7280;margin-top:7px;font-size:.75rem}.developer-metrics{color:#6b7280;text-align:center;flex-direction:column;flex:none;gap:2px;margin-top:8px;font-size:.75rem;display:flex}@keyframes narration-loading{0%{left:-35%}to{left:100%}}@media (width<=640px){.app{padding:8px}.card{border-radius:14px;padding:16px}.home-library-card,.create-card,.story-card{height:calc(100dvh - 16px);max-height:none}.two-columns,.form-actions,.story-actions{grid-template-columns:1fr}.recent-story-item{grid-template-columns:64px minmax(0,1fr)}.recent-story-cover{width:64px;height:64px}.cover-panel{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:10px}.cover-placeholder{padding:8px;font-size:.78rem}.voice-row{grid-template-columns:1fr;gap:6px}.creation-details,.narration-details{font-size:.82rem}.story-text{font-size:.96rem}}.story-admin-card{max-width:900px}.story-admin-scroll{flex:auto;min-height:0;margin-top:10px;padding-right:6px;overflow:hidden auto}.story-admin-scroll::-webkit-scrollbar{width:9px}.reader-scroll::-webkit-scrollbar{width:9px}.story-admin-scroll::-webkit-scrollbar-track{background:0 0}.reader-scroll::-webkit-scrollbar-track{background:0 0}.story-admin-scroll::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.reader-scroll::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.admin-panel{background:#111827;border:1px solid #263246;border-radius:12px;margin-top:14px;padding:16px}.admin-panel-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-panel-heading h2,.admin-panel-title-row h2{color:#f3f4f6;margin:0;font-size:1rem}.admin-panel-heading p{color:#9ca3af;max-width:560px;margin:6px 0 0;font-size:.86rem;line-height:1.5}.admin-panel-heading button{flex:none}.admin-panel-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.admin-panel-title-row span{color:#9ca3af;font-size:.82rem}.narration-admin-panel .voice-row:first-of-type{margin-top:0}.reader-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030712db;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.reader-modal{background:#0d1626;border:1px solid #4b5563;border-radius:20px;flex-direction:column;width:min(1180px,100vw - 32px);height:calc(100dvh - 32px);max-height:980px;display:flex;overflow:hidden;box-shadow:0 28px 90px #00000094}.reader-modal-header{background:#111827fa;border-bottom:1px solid #253044;flex:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 24px 16px;display:flex}.reader-title-group{min-width:0}.reader-title-group .brand,.reader-title-group .story-meta{margin-bottom:5px}.reader-title-group h1{margin-bottom:0;font-size:clamp(1.45rem,3vw,2.25rem)}.reader-close-button{flex:none}.reader-playback-bar{background:#111827;border-bottom:1px solid #253044;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 24px;display:grid}.reader-playback-status{min-width:0}.reader-play-button{min-width:150px}.reader-scroll{overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden auto}.reader-content{width:min(860px,100% - 48px);margin:0 auto;padding:34px 0 70px}.reader-cover-figure{width:min(520px,78vw);margin:0 auto 28px}.reader-cover-image{aspect-ratio:1;object-fit:cover;border:1px solid #374151;border-radius:20px;width:100%;display:block;box-shadow:0 18px 48px #0000004d}.reader-story-text{color:#eef2f7;width:100%;font-size:1.08rem;line-height:1.82}.reader-story-scene{scroll-margin-top:24px}.reader-story-scene+.reader-story-scene{border-top:1px solid #253044;margin-top:42px;padding-top:42px}.reader-story-scene p{margin:0 0 1.25rem}.reader-scene-illustration-block{flex-direction:column;align-items:center;margin:0 0 32px;display:flex}.reader-scene-illustration-block .scene-illustration-image,.reader-scene-illustration-block .scene-illustration-placeholder{width:min(100%,720px);max-width:720px}.reader-scene-illustration-block .scene-regenerate-button{align-self:center}.reader-scene-illustration-inline{margin:10px 0 30px}.reader-scene-illustration-inline .scene-illustration-image,.reader-scene-illustration-inline .scene-illustration-placeholder{width:min(100%,680px);max-width:680px}@media (width<=760px){.story-admin-card{max-width:none}.admin-panel-heading{flex-direction:column;align-items:stretch}.admin-panel-heading button{width:100%}.reader-modal-backdrop{padding:0}.reader-modal{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}.reader-modal-header{gap:12px;padding:16px}.reader-close-button{padding:9px 11px;font-size:.82rem}.reader-playback-bar{grid-template-columns:1fr;gap:10px;padding:10px 16px 12px}.reader-play-button{width:100%}.reader-content{width:calc(100% - 32px);padding:24px 0 54px}.reader-cover-figure{width:min(100%,420px);margin-bottom:28px}.reader-story-text{font-size:1rem;line-height:1.72}.reader-story-scene+.reader-story-scene{margin-top:30px;padding-top:30px}}.artwork-status{color:#d1d5db;background:#0f172a;border:1px solid #2f3a4e;border-radius:9px;margin-top:10px;padding:10px 12px;font-size:.82rem;line-height:1.4}.reader-cover-pending{aspect-ratio:1;color:#9ca3af;text-align:center;background:#0f172a;border:1px dashed #374151;border-radius:20px;justify-content:center;align-items:center;width:100%;padding:28px;line-height:1.5;display:flex}.narration-lab-panel{gap:18px}.narration-lab-heading{margin-bottom:0}.narration-lab-snippet{background:#0f172a;border:1px solid #2f3a4e;border-radius:12px;padding:14px 16px}.narration-lab-snippet-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.78rem;font-weight:700}.narration-lab-snippet p{color:#dbe4f0;margin:0;line-height:1.6}.narration-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.narration-lab-card{background:#111827;border:1px solid #2f3a4e;border-radius:12px;flex-direction:column;min-width:0;padding:16px;display:flex}.narration-lab-card.premium{border-color:#4b5563}.narration-lab-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.narration-lab-card h3{color:#f3f4f6;margin:0;font-size:1rem}.narration-lab-card p{color:#9ca3af;margin:8px 0 12px;font-size:.84rem;line-height:1.45}.narration-lab-badge{color:#d1d5db;white-space:nowrap;border:1px solid #4b5563;border-radius:999px;flex:none;padding:4px 7px;font-size:.7rem}.narration-lab-meta{color:#6b7280;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px;font-size:.75rem;display:flex}.narration-lab-audio{width:100%;margin-top:auto}.narration-lab-empty{color:#6b7280;border:1px dashed #374151;border-radius:8px;justify-content:center;align-items:center;min-height:54px;margin-top:auto;font-size:.8rem;display:flex}.narration-lab-cost{color:#9ca3af;margin-top:8px;font-size:.75rem}.narration-lab-generate{width:100%;margin-top:12px}.narration-lab-retry{margin-left:8px}@media (width<=760px){.narration-lab-grid{grid-template-columns:1fr}.narration-lab-card-header{flex-direction:column}.narration-lab-badge{align-self:flex-start}}