:root{font-family:Inter,system-ui,sans-serif;color:#2f2b28;background:#f4f1ec}*{box-sizing:border-box}body{margin:0}.shell{max-width:1100px;margin:auto;padding:24px}.header{background:linear-gradient(90deg,#3b2f2f,#c6a667);color:white;padding:22px;border-radius:14px;margin-bottom:20px}.panel{background:white;border:1px solid #c6a66766;border-radius:14px;padding:22px;margin-bottom:18px}.stage{min-height:360px;background:#2a2020;border-radius:12px;display:grid;place-items:center;color:#c6a667;padding:32px;text-align:center}.stage video{width:100%;max-height:420px;border-radius:10px}.words{font-size:clamp(1.2rem,3vw,2.3rem);line-height:1.6}.active{color:#e0c478}.controls,.clips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}button{border:0;border-radius:8px;padding:10px 14px;cursor:pointer;background:#3b2f2f;color:#fff}button.secondary{background:#c6a667}button.danger{background:#b42318}button:disabled{opacity:.45;cursor:not-allowed}.clip{border:2px solid transparent;padding:6px;background:#fff;color:#3b2f2f}.clip.selected{border-color:#c6a667}.clip video{width:150px;height:84px;object-fit:cover;display:block}.status{font-size:.9rem;color:#5a4633;margin-top:10px}textarea{width:100%;min-height:130px;padding:12px;border:1px solid #c6a66766;border-radius:8px}
.fallback-visual{width:100%;height:100%;min-height:300px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#182432,#38526c)}.fallback-orb{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e4c778,#a98a4b 45%,#263c52 75%);box-shadow:0 0 90px #e4c77899;animation:float 5s ease-in-out infinite}.fallback-label{position:absolute;bottom:28px;color:#fff8;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}@keyframes float{50%{transform:scale(1.18) translateY(-12px);filter:hue-rotate(12deg)}}