:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef3ff;background:radial-gradient(circle at top,#2d57ff38,#0000 36%),radial-gradient(circle at bottom,#00bbff29,#0000 30%),#060b16;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}.app-shell{width:100vw;height:100vh;overflow:hidden}.player-shell,.frame-shell{width:100%;height:100%;position:relative}.session-frame{object-fit:contain;opacity:0;filter:saturate(1.02);-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;transition:opacity .14s ease-out,transform .14s ease-out;transform:scale(1.004)}.session-frame--visible{opacity:1;transform:scale(1)}.overlay{pointer-events:none;position:absolute;inset:0}.meta-panel{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:.65rem;transition:opacity .18s,visibility .18s;display:flex;position:absolute;top:1.2rem;left:1.2rem}.meta-panel--visible{opacity:1;visibility:visible;pointer-events:auto}.meta-chip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060b16bd;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.9rem;max-width:min(42rem,100vw - 2.4rem);padding:.75rem 1rem;font-size:.95rem;display:flex}.meta-chip__project{white-space:nowrap;background:#ffffff1a;border-radius:999px;padding:.2rem .55rem;font-size:.82rem}.meta-chip__title{text-overflow:ellipsis;white-space:nowrap;max-width:min(24rem,45vw);overflow:hidden}.meta-chip__button{color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:.3rem .75rem;transition:background .18s,border-color .18s}.meta-chip__button:hover,.meta-chip__button--active{background:#ffffff2e;border-color:#ffffff6b}.playlist-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060b16e6;border:1px solid #ffffff1f;border-radius:1rem;width:min(28rem,100vw - 2.4rem);max-height:min(60vh,28rem);padding:.45rem;overflow-y:auto;box-shadow:0 1.2rem 2.4rem #00000059}.playlist-menu__item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .85rem;transition:background .16s;display:flex}.playlist-menu__item:hover,.playlist-menu__item--active{background:#ffffff1f}.playlist-menu__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-menu__index{opacity:.7;flex-shrink:0;font-size:.82rem}.loading-indicator{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toolbar{opacity:0;visibility:hidden;pointer-events:none;background:#1114;border:1px solid #fffc;border-radius:1rem;gap:.4rem;padding:.5rem;transition:opacity .18s,visibility .18s;display:flex;position:absolute;bottom:1.5rem;right:1.5rem}.toolbar--visible{opacity:1;visibility:visible;pointer-events:auto}.text-toolbar-button{color:#fff!important;border-radius:.4rem!important;padding:.2rem!important;font-size:.8rem!important}.toolbar__button{color:#eef3ff;cursor:pointer;border:1px solid #aaa;border-radius:.4rem;justify-content:center;align-items:center;min-width:1.6rem;margin:.1rem;padding:.3rem;font-size:1rem;font-weight:600;line-height:.8rem;transition:background .18s,transform .18s,opacity .18s;display:flex;background:#888!important}.toolbar__button:hover:not(:disabled){background:#222;transform:scale(1.05)}.toolbar__button--primary{color:#041421;background:linear-gradient(135deg,#29a6ff,#58d3ff);font-weight:700}.toolbar__button:disabled{opacity:.6;cursor:not-allowed}.toolbar__counter{color:#eef3ff;font-variant-numeric:tabular-nums;background:#ffffff14;border:1px solid #ffffff38;border-radius:.5rem;justify-content:center;align-items:center;min-width:4.4rem;margin-left:.2rem;padding:.3rem .6rem;font-size:.85rem;line-height:1;display:flex}.status-card{text-align:center;background:#0b1222d1;border:1px solid #ffffff1f;border-radius:1.25rem;width:min(90vw,34rem);padding:1.2rem 1.3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-card--error{border-color:#ff61615c}.status-card--picker{text-align:left;flex-direction:column;gap:1rem;display:flex}.project-picker__title{margin:0;font-size:1.5rem}.project-picker__hint,.project-picker__empty{opacity:.78;margin:0}.project-picker__list{flex-direction:column;gap:.7rem;display:flex}.project-picker__item{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:.9rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.95rem 1rem;transition:transform .18s,background .18s,border-color .18s;display:flex}.project-picker__item:hover{background:#ffffff14;border-color:#ffffff3d;transform:translateY(-1px)}.project-picker__name{font-weight:600}.project-picker__id{opacity:.72;white-space:nowrap;font-size:.82rem}.video-switch-enter-active,.video-switch-leave-active{transition:opacity .12s ease-out,transform .12s ease-out}.video-switch-enter-from,.video-switch-leave-to{opacity:0;transform:scale(.996)}@media (width<=720px){.meta-panel{top:.75rem;left:.75rem;right:.75rem}.meta-chip{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%;padding:.7rem .9rem;font-size:.82rem}.meta-chip__title{flex-basis:100%;max-width:100%}.project-picker__item{flex-direction:column;align-items:flex-start}.playlist-menu{width:100%;max-height:50vh}.toolbar{justify-content:center;gap:.3rem;padding:.4rem;bottom:.75rem;left:.75rem;right:.75rem}.toolbar__button{flex:1;min-width:3rem;height:3rem;padding:.5rem;font-size:1.2rem}.toolbar__counter{min-width:5rem;height:3rem;margin-left:0}}