#studio .studio-mode-switch { position: relative; }
#studio .studio-ai-activity { position: absolute; top: 5px; left: 50%; transform: translateX(-50%) translateY(2px); display: flex; align-items: center; justify-content: center; gap: 6px; height: 18px; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity .35s ease, transform .35s ease; }
#studio .studio-ai-activity:not([data-state="idle"]) { opacity: 1; transform: translateX(-50%) translateY(0); }
#studio .studio-ai-activity > span:last-child { font-size: 9px; font-weight: 600; letter-spacing: .045em; color: #cbdcff; }
#studio .studio-ai-stars { display: flex; align-items: center; gap: 2px; filter: drop-shadow(0 0 4px #9b84ff80); }
#studio .studio-ai-stars i { display: block; width: 12px; height: 16px; background: linear-gradient(135deg, #ffe3a2, #f29aff 40%, #9295ff 65%, #69e8ed); clip-path: polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%); }
#studio .studio-ai-stars i:first-child, #studio .studio-ai-stars i:last-child { width: 7px; height: 10px; }
#studio .studio-ai-activity[data-state="working"] i { animation: studio-ai-twinkle 1.6s ease-in-out infinite; }
#studio .studio-ai-activity[data-state="working"] i:nth-child(2) { animation-delay: .25s; }
#studio .studio-ai-activity[data-state="working"] i:last-child { animation-delay: .5s; }
#studio .studio-ai-activity[data-state="complete"] i { background: linear-gradient(135deg, #fff0b3, #8ff6d4, #83e8ff); animation: studio-ai-ready .7s ease-out; }
#studio .studio-ai-activity[data-state="complete"] > span:last-child { color: #9af1d5; }
#studio .studio-ai-activity[data-state="stopped"] > span:last-child { color: #edc5ae; }
@keyframes studio-ai-twinkle { 0%, 100% { opacity: .45; transform: translateY(1px) scale(.75); } 50% { opacity: 1; transform: translateY(-1px) scale(1.1); } }
@keyframes studio-ai-ready { from { opacity: .2; transform: scale(.5); } 60% { transform: scale(1.25); } to { opacity: 1; transform: scale(1); } }
@media (max-width: 1400px) { #studio .studio-header .studio-mode-switch { padding-top: 24px; } #studio .studio-ai-activity { top: 2px; } }
@media (prefers-reduced-motion: reduce) { #studio .studio-ai-activity { transition: none; } #studio .studio-ai-activity i { animation: none; } }