.story-reader{background:linear-gradient(180deg, var(--bg-primary) 0%, #1e140ff2 100%);flex-direction:column;height:100%;display:flex}.story-reader-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.story-reader-title{font-size:var(--font-size-sm);font-weight:700}.story-reader-page{font-size:var(--font-size-xs);color:var(--text-muted)}.story-reader-content{padding:var(--spacing-xl) var(--spacing-lg);flex:1;overflow-y:auto}.story-reader-text{color:#ffffffe0;max-width:480px;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.85}.story-reader-text p{text-indent:0;margin-bottom:1.2em}.story-reader-text p:first-child:first-letter{float:left;color:#ff4d6a;margin-top:.05em;margin-right:.08em;font-size:2.4em;font-weight:700;line-height:1}.script-builder{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-xl) + 40px);gap:var(--spacing-lg);flex-direction:column;display:flex}.script-builder-header{justify-content:space-between;align-items:center;display:flex}.script-step-dots{padding:var(--spacing-sm) 0;justify-content:center;gap:8px;display:flex}.script-step-dot{cursor:pointer;background:#ffffff1a;border:2px solid #ffffff26;border-radius:50%;width:10px;height:10px;transition:all .4s cubic-bezier(.4,0,.2,1)}.script-step-dot.active{background:#ff4d6a;border-color:#ff4d6a;transform:scale(1.2);box-shadow:0 0 12px #ff4d6a80}.script-step-dot.completed{background:var(--primary);border-color:var(--primary)}.script-step-info{text-align:center;padding:var(--spacing-sm) 0}.script-step-info h2{font-size:var(--font-size-lg);margin-bottom:4px;font-weight:700}.script-step-info p{font-size:var(--font-size-sm);color:var(--text-muted)}.script-module-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.script-module-card{padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:6px;min-height:90px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.script-module-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ff4d6a14,#0000);transition:opacity .3s;position:absolute;inset:0}.script-module-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.script-module-card:hover:before{opacity:1}.script-module-card.selected{background:#ff4d6a1a;border-color:#ff4d6a;box-shadow:0 0 20px #ff4d6a26,inset 0 0 20px #ff4d6a0d}.script-module-card.selected:before{opacity:1}.script-module-card .module-emoji{filter:drop-shadow(0 2px 4px #0000004d);z-index:1;font-size:1.8rem;position:relative}.script-module-card .module-label{font-size:var(--font-size-sm);color:#ffffffe6;z-index:1;font-weight:600;position:relative}.script-module-card .module-desc{color:var(--text-muted);z-index:1;font-size:.65rem;line-height:1.3;position:relative}.script-module-card .module-check{color:#fff;opacity:0;background:#ff4d6a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:6px;right:6px;transform:scale(0)}.script-module-card.selected .module-check{opacity:1;transform:scale(1)}.script-module-card .module-order{color:#fff;background:linear-gradient(135deg,#ff4d6a,#ff6b9d);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #ff4d6a66}.script-nav-buttons{gap:var(--spacing-sm);padding-top:var(--spacing-md);margin-top:auto;display:flex}.script-nav-buttons .btn{flex:1}.script-summary{gap:var(--spacing-md);flex-direction:column;display:flex}.script-summary-category{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid var(--primary);background:#ffffff08}.script-summary-category h4{font-size:var(--font-size-sm);margin-bottom:4px;font-weight:700}.script-summary-items{flex-wrap:wrap;gap:4px;display:flex}.script-summary-chip{color:#fffc;background:#ff4d6a1a;border-radius:12px;padding:2px 8px;font-size:.7rem}.script-result{padding:var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);white-space:pre-wrap;color:#ffffffe0;background:#0000004d;border:1px solid #ff4d6a33;font-family:Georgia,serif;line-height:1.7}.script-result h2,.script-result h3{color:#ff4d6a;font-family:var(--font-family);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs)}@keyframes scriptPulse{0%,to{opacity:.5}50%{opacity:1}}.script-section-body{color:#ffffffd9;letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:.92rem;line-height:1.85}.script-section-body .script-body-para{text-indent:1.2em;margin-bottom:1em}.script-section-body .script-body-para:first-child{text-indent:0}.script-section-body .script-body-para:first-child:first-letter{float:left;color:var(--primary,#ff4d6a);margin-top:.04em;margin-right:.06em;font-size:1.8em;font-weight:700;line-height:1}.script-section-body .script-body-para:last-child{margin-bottom:.3em}.story-paragraph-wrap{position:relative}.story-paragraph-wrap:hover .story-para-actions,.story-paragraph-wrap:active .story-para-actions{display:flex!important}.script-para-wrap{border-radius:6px;transition:background .2s;position:relative}.script-para-wrap:hover{background:#ffffff05}.script-para-wrap .script-para-actions{opacity:0;pointer-events:none;transition:opacity .2s}.script-para-wrap:hover .script-para-actions,.script-para-wrap:active .script-para-actions{opacity:1;pointer-events:auto}.script-para-wrap.selected{background:#4a90d914;border-left:3px solid #4a90d9;border-radius:6px;padding-left:8px}.script-para-wrap.selected .script-body-para{color:#fffffff2}.script-para-wrap.recently-changed{background:#10b98114;border-left:3px solid #10b981;border-radius:6px;padding-left:8px;animation:2s ease-in-out 2 paraGlow}.script-para-wrap.recently-changed:before{content:"✨";opacity:.7;font-size:.5rem;position:absolute;top:2px;left:-2px}@keyframes paraGlow{0%,to{background:#10b98114}50%{background:#10b9812e}}.interactive-decision-card{animation:.3s ease-out forkSlideIn}@keyframes forkSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.interactive-decision-card .btn-ghost:hover:not(:disabled){transition:all .15s;transform:translate(3px);background:#9333ea1f!important;border-color:#9333ea66!important}.interactive-decision-card .btn-ghost:disabled{opacity:.5;cursor:wait}@keyframes undoPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 8px #fbbf244d}}.script-para-wrap:hover .script-para-actions{opacity:1!important}.script-para-actions{opacity:.3;transition:opacity .15s}.story-generated-image{animation:.5s ease-out imageReveal;box-shadow:0 4px 20px #9333ea33}div:has(>.story-img-gen-btn):hover .story-img-gen-btn{opacity:1!important}.story-generated-image img{transition:transform .3s}.story-generated-image:hover img{transform:scale(1.01)}.story-generated-image button{opacity:0;transition:opacity .2s}.story-generated-image:hover button{opacity:1}@keyframes imageReveal{0%{opacity:0;max-height:0;transform:translateY(10px)}to{opacity:1;max-height:600px;transform:translateY(0)}}