:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#12141a;color:#f4f1ea}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.welcome{min-height:100%;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(900px 420px at 50% -10%,rgba(79,140,255,.18),transparent 60%),#12141a}.card{width:min(520px,100%);background:#1b1e27;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:36px 32px 28px}.mark{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#9a948a;margin:0 0 8px}h1{font-size:40px;margin:0 0 10px;font-weight:720;letter-spacing:-.03em}.wordmark span,.brand span span{color:#e23b2f}.vernum{height:58px;width:auto;display:block;margin:0 0 16px}.brand{display:flex;align-items:center;gap:10px}.brand img{height:32px;width:auto;display:block}.mixer summary{cursor:pointer}.mixer[open]{position:absolute;right:14px;top:52px;z-index:6;background:#1b1e27;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;width:280px}.mixer[open] .hint{display:flex;justify-content:space-between;align-items:center;gap:10px}.mixer input,.mixer select{background:#12141a;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:4px 6px}.live-page{min-height:100%;padding:22px 28px 40px}.live-page header{display:flex;align-items:center;gap:16px}.live-page header img{height:42px}.live-page header p{margin:0;letter-spacing:.16em;font-size:12px;color:#9a948a}.live-page h1{margin:0;font-size:28px}.live-page header strong{margin-left:auto;font:20px ui-monospace,monospace}.live-page .wait,.live-page .stale{font-size:28px;font-weight:700}.live-page .stale{color:#ffb020}.live-page .pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.live-page .panel{background:#1b1e27;border-radius:16px;padding:16px 18px}@media(max-width:800px){.live-page .pair{grid-template-columns:1fr}}.live-page .panel.hot{box-shadow:inset 0 0 0 2px #ff2d2de6}.live-page .panel.wait{box-shadow:inset 0 0 0 2px #3dff6abf}.live-page .kicker{display:flex;gap:10px;align-items:center;letter-spacing:.16em;font-size:12px;font-weight:800}.live-page .tally{width:18px;height:18px;border-radius:50%;background:#2a2d36;display:block}.live-page .tally.hot{background:#ff2d2d}.live-page .tally.wait{background:#3dff6a}.live-page .desc{font-size:56px;font-weight:760;line-height:1.02;margin:12px 0 0}.live-page .meta{display:flex;gap:14px;color:#b7b1a6}.live-page .meta b{margin-left:auto}.live-page .bar{height:22px;border-radius:99px;background:#ffffff14;overflow:hidden}.live-page .bar i{display:block;height:100%;width:100%;transform-origin:left center;background:#f4f1ea;will-change:transform}.live-page ol{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}.live-page li{display:flex;gap:12px;align-items:baseline;background:#1b1e27;border-radius:12px;padding:10px 12px}.live-page li em{font-style:normal;font-weight:700}.live-page li small{margin-left:auto;color:#b7b1a6}.live-page .lyric{color:#d7c27a;font-size:28px;font-weight:700}.live-page .stairs li{border-left:6px solid}.mac-app{margin:22px 0 0;color:#9a948a;font-size:14px;line-height:1.45}.mac-app a{color:#f4f1ea;font-weight:700}.mac-app span{display:block;margin-top:4px}.version{margin:0 0 10px;color:#9a948a;font-size:14px;font-weight:700;letter-spacing:.04em}.lede{color:#c8c2b8;line-height:1.45;margin:0 0 22px}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.ghost,.tiny{border:0;border-radius:10px;padding:10px 14px}.primary{background:#f4f1ea;color:#161820;font-weight:700;white-space:nowrap}.ghost,.tiny{background:transparent;border:1px solid rgba(255,255,255,.2)}.tiny{padding:6px 10px;border-radius:8px}.file{display:none}.app{height:100%;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1b1e27;border-bottom:1px solid rgba(255,255,255,.06)}.brand{font-weight:760;letter-spacing:-.03em}.show-name{width:220px;background:#12141a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 10px}.spacer{flex:1}.hint{color:#9a948a;font-size:12px}.songs,.transport{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#161820;border-bottom:1px solid rgba(255,255,255,.05)}.transport{flex-wrap:wrap}.transport button:disabled{opacity:.55;cursor:default}.songs span.label,.transport .clock{color:#9a948a;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.song{border:1px solid rgba(255,255,255,.18);background:transparent;border-radius:999px;padding:5px 10px}.song.on{background:#ffffff1f;border-color:#ffffff8c}.song-name{width:140px;background:#12141a;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:5px 8px}.clock{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px!important;letter-spacing:0;text-transform:none!important;color:#f4f1ea!important;font-weight:600!important;width:148px}.body{flex:1;min-height:0;display:grid;grid-template-columns:240px 1fr 300px}.rundown,.inspector{background:#171a22;overflow:auto}.rundown{border-right:1px solid rgba(255,255,255,.06)}.inspector{border-left:1px solid rgba(255,255,255,.06);padding:14px}.rundown h2,.inspector h2{margin:12px 12px 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9a948a}.shot-row,.lyric-row{width:100%;text-align:left;background:transparent;border:0;border-left:4px solid transparent;padding:8px 12px}.shot-row.on,.lyric-row.on{background:#ffffff14}.shot-row b,.lyric-row b{display:block;font-weight:650}.shot-row small,.lyric-row small{color:#9a948a}.stage{min-width:0;display:flex;flex-direction:column}.tools{display:flex;gap:6px;align-items:center;padding:8px 12px;flex-wrap:wrap}.cam{width:36px;height:32px;border:0;border-radius:7px;font-weight:750;color:#101218}.cam.on{outline:2px solid white;outline-offset:1px}.onair{flex:none;background:#0e1016;border-top:1px solid rgba(255,255,255,.08)}.onair-row{position:relative;min-height:46px}.onair-row+.onair-row{box-shadow:inset 0 1px #00000073}.drain{position:absolute;inset:0;overflow:hidden}.drain>div{height:100%}.onair-copy{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 16px}.onair-copy>span{width:44px;flex:none;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.onair-copy i{width:12px;height:12px;border-radius:50%;flex:none}.onair-copy b{font-size:20px;font-weight:650;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onair-copy em{margin-left:auto;flex:none;font-style:normal;font-size:22px;font-weight:750;font-variant-numeric:tabular-nums}.tag-box{padding:4px 12px 8px;display:flex;flex-direction:column;gap:6px}.tag-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tag-row>span{width:72px;flex:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9a948a;font-weight:700}.tag{border:1px solid rgba(255,255,255,.16);background:#1b1e27;border-radius:999px;padding:4px 8px;font-size:12px;cursor:grab}.tag.add{display:flex;gap:4px;padding:0;border:0;background:transparent}.tag.add input{width:108px;background:#12141a;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 8px;font-size:12px}.scroll{flex:1;overflow:auto;position:relative;background:#101218}.lanes{position:relative;min-height:100%}.ruler,.lane{position:relative}.ruler{height:28px;border-bottom:1px solid rgba(255,255,255,.08)}.tick{position:absolute;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.15)}.tick span{position:absolute;top:6px;left:4px;font-size:10px;color:#9a948a;font-variant-numeric:tabular-nums;white-space:nowrap}.lane{height:72px;border-bottom:1px solid rgba(255,255,255,.06)}.lane.audio{height:56px;background:#4f8cff12}.lane.lyric{height:48px}.lane-name{position:sticky;left:0;z-index:2;display:inline-block;padding:4px 8px;font-size:11px;color:#9a948a;background:#101218}.block{position:absolute;top:18px;height:46px;border-radius:8px;overflow:hidden;color:#101218;display:flex;align-items:stretch}.block.lyric{top:8px;height:32px;background:#2a261c;color:#f4e7b2;border:1px solid rgba(244,231,178,.35)}.block.audio{top:12px;height:36px;background:#2a4060;color:#f4f1ea;border:1px solid rgba(213,228,255,.55)}.block.over,.block.on{outline:2px solid white;outline-offset:1px}.peaks{display:flex;align-items:flex-end;gap:1px;height:12px;margin-top:2px}.peaks i{display:block;width:2px;background:#d5e4ffb3;border-radius:1px}.handle{width:8px;cursor:ew-resize;background:#0000002e;flex:none}.body-hit{flex:1;min-width:0;padding:4px 6px;cursor:pointer}.body-hit b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.body-hit small{font-size:11px;opacity:.8}.mix{position:absolute;top:48px;height:16px;z-index:3;transform:translate(-50%);display:flex;align-items:stretch;background:#fffffff0;color:#111;border-radius:4px;font-size:10px;font-weight:800}.mix span{flex:1;text-align:center;line-height:16px;pointer-events:none}.mix .handle{background:#00000073}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#ff5a4a;z-index:4;pointer-events:none}.playhead-hit{position:absolute;top:0;bottom:0;left:-8px;width:18px;pointer-events:auto;cursor:ew-resize}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;color:#c8c2b8}.field input,.field select,.field textarea{background:#12141a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 8px}.row{display:flex;gap:8px}.danger{color:#ff8d84;background:transparent;border:0;padding:8px 0}@media(max-width:980px){.body{grid-template-columns:1fr}.rundown,.inspector{border:0;max-height:240px}}