.monitor-screen-ui{position:absolute;left:0;top:0;z-index:3;transform-origin:0 0;width:960px;height:540px;overflow:hidden;border-radius:7px;pointer-events:none;color:#f4eafa;font:16px/1.4 Georgia,serif;box-sizing:border-box}
.monitor-screen-ui[hidden],.monitor-screen-ui [hidden]{display:none!important}
.monitor-screen-ui button,.monitor-screen-ui input{pointer-events:auto;touch-action:manipulation}
.monitor-screen-ui button{color:inherit;cursor:pointer;font:inherit;border:0;background:transparent}
.monitor-screen-ui button:focus-visible,.monitor-screen-ui input:focus-visible{outline:3px solid #e2b7ee;outline-offset:3px}
.monitor-return{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:9px;padding:8px 14px!important;border-radius:20px;background:#211c2b96!important;font:15px/1.3 system-ui,sans-serif!important}
.monitor-return>span:first-child{font-size:24px;line-height:1}
.monitor-bottom-bar{position:absolute;inset:auto 0 0;padding:10px 28px 14px;background:linear-gradient(#211a286e,#211a28b3);box-sizing:border-box}
.monitor-current,.monitor-transport{display:flex;align-items:center;gap:15px}
.monitor-current{min-height:24px;margin-bottom:5px;font-size:13px}
.monitor-current strong{font-weight:400;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.monitor-film-number,.monitor-clock{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}
.monitor-current button{font-size:12px;padding:2px 5px}
.monitor-current [data-monitor=sound]{font:20px/1 system-ui,sans-serif;min-width:30px}
.monitor-transport{gap:13px}
.monitor-transport>button{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#e9dbf0;color:#73577f;font:14px/1 system-ui,sans-serif;padding:0}
.monitor-transport [data-monitor=play]{width:33px;height:33px;font-size:18px}
.monitor-seek{flex:1;min-width:0;height:22px;margin:0 8px 0 42px;accent-color:#ac84bb;cursor:pointer;background:transparent}
.monitor-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#ac84bb var(--progress,0%),#ebdfea var(--progress,0%))}
.monitor-seek::-webkit-slider-thumb{margin-top:-6px}
.monitor-note{font:13px/1.4 system-ui,sans-serif;margin:8px 0 0}.monitor-note:empty{display:none}
.monitor-library{position:absolute;inset:auto 0 88px;padding:22px;background:#211a28e8;pointer-events:auto}
.monitor-queue{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.monitor-queue button{padding:5px;border:2px solid transparent;border-radius:8px;text-align:left;min-width:0}
.monitor-queue img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:4px;background:#17131c}
.monitor-queue span{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px}
.monitor-queue button[aria-pressed=true]{border-color:#b691c6;background:#9d77b43b}.monitor-queue button:hover{background:#9d77b43b}
.monitor-launcher{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.monitor-launcher:focus-visible{position:fixed!important;right:24px;bottom:64px;width:auto!important;height:auto!important;padding:10px 18px!important;margin:0!important;clip-path:none;background:#251832!important;border-radius:18px}
@media(max-width:640px){.monitor-return{font-size:24px!important;padding:12px 18px!important}.monitor-current{font-size:20px}.monitor-film-number,.monitor-clock,.monitor-current button{font-size:18px}.monitor-bottom-bar{padding:12px 22px 18px}.monitor-transport>button{width:48px;height:48px;font-size:24px}.monitor-transport [data-monitor=play]{width:54px;height:54px;font-size:28px}.monitor-seek{height:40px;margin-left:20px}.monitor-library{bottom:124px}.monitor-queue{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.monitor-queue span{font-size:20px}.monitor-launcher{padding-left:10px!important}.room-controls:has(.monitor-launcher){gap:11px;min-width:0;padding-inline:12px}}