.story-production-live{display:flex;align-items:center;gap:10px;padding:12px 0;color:#e8d8cc;font-size:.94rem}
.story-production-live .story-live-dot{background:#777;box-shadow:none;flex-shrink:0}
.story-production-live .story-live-dot.is-live{background:#e5a766;box-shadow:0 0 14px #d28c4b70}
.story-production-phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0;list-style:none;margin:22px 0}
.story-production-phase{display:flex;flex-direction:column;gap:7px;border:1px solid #ffffff24;border-radius:12px;padding:14px;background:#ffffff04;min-width:0}
.story-production-phase strong{font-size:.92rem;color:#e4ded7}.story-production-phase span{font-size:.8rem;color:#aaa09a}
.story-production-phase.is-working{border-color:#daa365a8;box-shadow:0 0 12px #daa36518;animation:story-phase-glow 3.6s ease-in-out infinite}.story-production-phase.is-saved{border-color:#84aa803f}
.story-production-phase.is-working span{color:#e8be88}
.story-production-phase.is-saved span{color:#a6c79f}.story-production-phase.is-paused,.story-production-phase.is-review{border-color:#d28d544f}
.story-narration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.story-motion-heading{margin-top:28px}.story-motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.story-motion-card{margin:0;border:1px solid #ffffff26;background:#ffffff03;border-radius:14px;overflow:hidden;min-width:0;position:relative}
.story-motion-card.is-generating{border-color:#e8af6b;box-shadow:0 0 22px #dda2582b;animation:story-motion-glow 3s ease-in-out infinite}
.story-motion-card.is-saved{border-color:#89b77d54}.story-motion-card.is-review,.story-motion-card.is-attention{border-color:#d99c68}
.story-motion-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#ffffff1a}
.story-motion-pair img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#191716}
.story-motion-card.is-waiting .story-motion-pair{opacity:.65}.story-motion-empty{aspect-ratio:16/9;display:grid;place-items:center;color:#91877d;font-size:.7rem;background:#1b1714}
.story-motion-card a{display:block;position:relative;text-decoration:none;color:inherit}.story-motion-play{display:block;background:#182119;color:#b5d9ac;font-size:.78rem;padding:8px 12px}
.story-motion-card figcaption{display:flex;flex-direction:column;gap:7px;padding:14px}.story-motion-card figcaption strong{font-size:.86rem;color:#e8ded4}.story-motion-card figcaption span{font-size:.8rem;color:#aaa09a}
.story-motion-card.is-generating figcaption span{color:#efbe87}.story-motion-card.is-saved figcaption span{color:#a6c79f}
@keyframes story-motion-glow{50%{box-shadow:0 0 30px #dda25843}}
@keyframes story-phase-glow{0%,100%{border-color:#daa365a8;box-shadow:0 0 12px #daa36518}50%{border-color:#e8b777c2;box-shadow:0 0 22px #dda2582b}}
@media(max-width:800px){.story-production-phases{grid-template-columns:repeat(3,minmax(0,1fr))}.story-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.story-production-phases,.story-narration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-motion-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.story-motion-card.is-generating,.story-production-phase.is-working{animation:none}.story-production-phase.is-working{border-color:#daa365a8;box-shadow:0 0 16px #dda25824}}

.story-history-list{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.story-history-list>div{display:flex;flex-direction:column;gap:6px;max-width:320px}.story-history-list small{font-size:12px;line-height:1.5;color:var(--muted,#aac4d0)}.story-remaster-controls{border:1px solid #416b77;border-radius:12px;padding:18px;margin:18px 0}.story-remaster-controls.is-generating{box-shadow:0 0 18px #55e6de22}

.story-remaster-controls.is-generating{border-color:#79d3c3;animation:story-remaster-glow 3s ease-in-out infinite}.story-remaster-controls.is-generating h3{color:#b8ece1}.story-remaster-controls.is-complete{border-color:#82bd91;box-shadow:0 0 16px #74c48e19}.story-remaster-controls.is-complete h3{color:#b4dfbe}.story-remaster-controls .working-bar{margin:12px 0}.story-remaster-controls small{display:block;color:#aac6c4;margin:8px 0}.story-render-allowance{font-size:.84rem;color:#a8c7c4;padding:12px;border:1px solid #42636c;border-radius:10px}
@keyframes story-remaster-glow{0%,100%{box-shadow:0 0 10px #68d4c218}50%{box-shadow:0 0 24px #68d4c23b}}
@media(prefers-reduced-motion:reduce){.story-remaster-controls.is-generating{animation:none;box-shadow:0 0 16px #68d4c22a}}