/* TweakFC — cinematic recorder (js/cinema.js): Fly-tab settings and the "rendering your film" panel. Flight Deck look. */
.cine-set { margin: 6px 0 10px; }
.cine-set .cine-head { font: 600 13px var(--display); letter-spacing: .12em; text-transform: uppercase; color: var(--text); margin-bottom: 4px; }
.cine-set .cine-head .hint { text-transform: none; letter-spacing: 0; font-weight: 400; margin-left: 6px; }
.cine-films:empty { display: none; }
.cine-film { display: inline-block; margin-right: 12px; }
.cine-busy { position: fixed; left: 50%; bottom: 36px; transform: translateX(-50%); z-index: 60; width: min(560px, 92vw); background: rgba(5, 9, 12, .9); border: 1px solid #3CFF8B; color: #3CFF8B; padding: 12px 16px; font: 13px var(--sans, sans-serif); }
.cine-busy > div { display: flex; justify-content: space-between; font: 700 14px var(--display, sans-serif); letter-spacing: .16em; }
.cine-busy > i { display: block; height: 4px; background: rgba(60, 255, 139, .2); margin: 8px 0 6px; }
.cine-busy > i > i { display: block; height: 100%; width: 0; background: #3CFF8B; }
.cine-busy small { color: rgba(232, 236, 241, .75); }
.cine-busy.hidden { display: none; }