.stats {
  grid-template-columns: repeat(6, minmax(150px, 1fr));
}

.refresh-shell {
  position: relative;
  align-self: center;
}

.refresh-control {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 9px 13px;
  border: 1px solid rgba(100, 130, 175, .25);
  border-radius: 999px;
  color: #b7c6dd;
  background: linear-gradient(145deg, rgba(24, 36, 58, .9), rgba(10, 17, 29, .96));
  box-shadow: 0 10px 32px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .04);
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  cursor: pointer;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease, color .2s ease;
}

.refresh-control:hover,
.refresh-control[aria-expanded="true"] {
  transform: translateY(-1px);
  color: var(--text);
  border-color: rgba(25, 199, 255, .5);
  box-shadow: 0 14px 38px rgba(0, 0, 0, .28), 0 0 24px rgba(25, 199, 255, .1);
}

.refresh-control:focus-visible,
.refresh-options button:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}

.refresh-control.is-live {
  color: var(--green);
  border-color: rgba(80, 227, 164, .18);
}

.refresh-dot {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 14px rgba(25, 199, 255, .75);
}

.refresh-control.is-live .refresh-dot {
  background: var(--green);
  box-shadow: 0 0 16px var(--green);
}

.refresh-control.is-live .refresh-dot::after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1px solid rgba(80, 227, 164, .55);
  border-radius: inherit;
  animation: live-pulse 1.8s ease-out infinite;
}

.refresh-chevron {
  width: 6px;
  height: 6px;
  margin-left: 2px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  opacity: .65;
  transition: transform .2s ease;
}

.refresh-control[aria-expanded="true"] .refresh-chevron {
  transform: rotate(225deg) translate(-1px, -1px);
}

.refresh-popover {
  position: absolute;
  z-index: 30;
  top: calc(100% + 12px);
  right: 0;
  width: 310px;
  padding: 16px;
  border: 1px solid rgba(72, 101, 145, .42);
  border-radius: 16px;
  color: var(--text);
  background: linear-gradient(155deg, rgba(22, 32, 51, .99), rgba(8, 13, 23, .99));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(18px);
}

.refresh-popover::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 24px;
  width: 9px;
  height: 9px;
  border-top: 1px solid rgba(72, 101, 145, .42);
  border-left: 1px solid rgba(72, 101, 145, .42);
  background: #151f32;
  transform: rotate(45deg);
}

.refresh-popover-head {
  display: grid;
  gap: 4px;
  margin-bottom: 13px;
}

.refresh-popover-head strong {
  font-size: 13px;
}

.refresh-popover-head span,
.refresh-popover p {
  color: var(--muted);
  font-size: 10px;
}

.refresh-options {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}

.refresh-options button {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: #b7c6dd;
  background: rgba(8, 13, 23, .65);
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.refresh-options button:hover {
  color: var(--text);
  border-color: rgba(25, 199, 255, .45);
  transform: translateY(-1px);
}

.refresh-options button.active {
  color: #071019;
  border-color: transparent;
  background: linear-gradient(135deg, var(--green), var(--cyan));
  box-shadow: 0 8px 24px rgba(25, 199, 255, .18);
}

.refresh-popover p {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 12px 0 0;
}

.refresh-popover p span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 10px var(--green);
}

@keyframes live-pulse {
  from { opacity: .7; transform: scale(.65); }
  to { opacity: 0; transform: scale(1.5); }
}

.session-main {
  flex: 1;
  min-width: 0;
}

.session-card {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 12px;
}

.session-poster {
  display: block;
  width: 96px;
  height: 144px;
  border-radius: 10px;
  object-fit: cover;
  background: #0a101c;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .3);
}

.session-poster.placeholder {
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, .45);
  font-size: 28px;
  font-weight: 900;
  background: linear-gradient(145deg, #1d2b43, #0a101c);
}

.session-card p {
  margin-top: 8px;
}

.playback-progress {
  width: min(520px, 100%);
  margin-top: 12px;
}

.playback-progress > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 11px;
}

.playback-progress strong {
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

.playback-progress progress {
  display: block;
  width: 100%;
}

.stream-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 10px;
  color: var(--muted);
  font-size: 11px;
}

.stream-grid strong {
  margin-left: 4px;
  color: var(--text);
}

progress {
  appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
  height: 7px;
  border: 0;
  border-radius: 99px;
  background: #283149;
}

progress::-webkit-progress-bar {
  border-radius: 99px;
  background: #283149;
}

progress::-webkit-progress-value {
  border-radius: 99px;
  background: linear-gradient(90deg, var(--green), var(--cyan));
}

progress::-moz-progress-bar {
  border-radius: 99px;
  background: linear-gradient(90deg, var(--green), var(--cyan));
}

progress.meter {
  display: inline-block;
  width: 180px;
  margin-right: 10px;
  vertical-align: middle;
}

progress.meter.large {
  display: block;
  width: 100%;
  height: 9px;
}

progress.meter.warning::-webkit-progress-value { background: var(--yellow); }
progress.meter.warning::-moz-progress-bar { background: var(--yellow); }
progress.meter.critical::-webkit-progress-value { background: var(--red); }
progress.meter.critical::-moz-progress-bar { background: var(--red); }

.core-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px 18px;
  margin: 16px 0 22px;
}

.core-row,
.engine-row {
  display: grid;
  grid-template-columns: 52px 1fr 42px;
  align-items: center;
  gap: 9px;
  color: var(--muted);
  font-size: 12px;
}

.core-row progress,
.engine-row progress {
  width: 100%;
}

.core-row strong,
.engine-row strong {
  text-align: right;
  color: var(--text);
}

.engine-row { margin: 11px 0; }
.load-title {
  margin-top: 24px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .12em;
}

.load-row strong {
  transition: color .2s ease, text-shadow .2s ease;
}

.load-row .load-good {
  color: var(--green);
  text-shadow: 0 0 16px rgba(80, 227, 164, .24);
}

.load-row .load-warning {
  color: var(--yellow);
  text-shadow: 0 0 16px rgba(255, 200, 87, .24);
}

.load-row .load-danger {
  color: var(--red);
  text-shadow: 0 0 16px rgba(255, 102, 122, .28);
}

.bad { color: var(--red) !important; }

.admin-server {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.admin-server-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.admin-server-head h3 {
  margin: 4px 0 0;
  font-size: 16px;
}

.service-summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--green);
  font-size: 10px;
  letter-spacing: .08em;
  white-space: nowrap;
}

.service-summary i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 12px rgba(80, 227, 164, .8);
}

.service-summary.has-issue { color: var(--red); }
.service-summary.has-issue i {
  background: var(--red);
  box-shadow: 0 0 12px rgba(255, 102, 122, .8);
}

.server-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.server-fact {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(37, 50, 74, .8);
  border-radius: 11px;
  background: rgba(8, 13, 23, .35);
}

.server-fact-wide { grid-column: 1 / -1; }
.server-fact span,
.server-fact small {
  display: block;
  color: var(--muted);
  font-size: 9px;
  letter-spacing: .08em;
}

.server-fact strong {
  display: block;
  margin: 5px 0 3px;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.35;
}

.server-fact a { color: var(--cyan); }
.server-fact a:hover { text-decoration: underline; }

.cpu-fact,
.gpu-fact {
  display: flex;
  flex-direction: column;
}

.cpu-fact-main,
.gpu-fact-main { display: block; }

.cpu-fact-main > strong { margin-bottom: 5px; }

.cpu-fact-live {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin-top: 11px;
}

.cpu-fact-live span {
  min-width: 0;
  padding: 5px 3px;
  border: 1px solid rgba(25, 199, 255, .18);
  border-radius: 7px;
  background: rgba(25, 199, 255, .06);
  font-size: 8px;
  text-align: center;
  white-space: nowrap;
}

.cpu-fact-live span.is-total {
  border-color: rgba(80, 227, 164, .28);
  background: rgba(80, 227, 164, .07);
}

.cpu-fact-live b {
  margin-left: 3px;
  color: var(--cyan);
  font-size: 10px;
}

.cpu-fact-live .is-total b { color: var(--green); }

.gpu-fact-main > strong { margin-bottom: 5px; }

.gpu-fact-live {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 6px;
  margin-top: 11px;
}

.gpu-fact-live span {
  padding: 5px 7px;
  border: 1px solid rgba(25, 199, 255, .18);
  border-radius: 7px;
  background: rgba(25, 199, 255, .06);
  font-size: 8px;
  white-space: nowrap;
}

.gpu-fact-live b {
  margin-left: 3px;
  color: var(--cyan);
  font-size: 10px;
}

.update-fact {
  position: relative;
  overflow: hidden;
}

.update-fact::after {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  content: "";
}

.update-fact.is-current {
  border-color: rgba(80, 227, 164, .28);
  background: rgba(80, 227, 164, .05);
}

.update-fact.is-current strong { color: var(--green); }
.update-fact.is-current::after {
  background: var(--green);
  box-shadow: 0 0 11px rgba(80, 227, 164, .7);
}

.update-fact.is-available {
  border-color: rgba(255, 200, 87, .35);
  background: rgba(255, 200, 87, .07);
}

.update-fact.is-available strong { color: var(--yellow); }
.update-fact.is-available::after {
  background: var(--yellow);
  box-shadow: 0 0 11px rgba(255, 200, 87, .65);
}

.update-fact.is-unknown strong { color: var(--muted); }
.update-fact.is-unknown::after { background: var(--muted); }

@media (max-width: 1250px) {
  .stats { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 600px) {
  .stats { grid-template-columns: 1fr 1fr; }
  .core-grid { grid-template-columns: 1fr; }
  progress.meter { width: 110px; }
  .session-card {
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: start;
    gap: 13px;
  }
  .session-poster {
    width: 72px;
    height: 108px;
  }
  .session-card .pill {
    grid-column: 2;
    justify-self: start;
  }
  .stream-grid { gap: 6px 10px; }
  .refresh-shell { align-self: flex-end; }
  .refresh-popover {
    position: fixed;
    top: auto;
    right: 12px;
    bottom: 18px;
    left: 12px;
    width: auto;
  }
  .refresh-popover::before { display: none; }
  .server-facts { grid-template-columns: 1fr; }
  .server-fact-wide { grid-column: auto; }
  .gpu-fact-live { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .refresh-control.is-live .refresh-dot::after { animation: none; }
}
/* Premium library maintenance console */
.library-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:-10px 0 26px;padding:30px 34px;overflow:hidden;border:1px solid rgba(76,124,255,.22);border-radius:24px;background:linear-gradient(120deg,rgba(17,27,48,.96),rgba(13,35,62,.9));box-shadow:0 30px 90px rgba(0,0,0,.22)}
.library-hero::after{position:absolute;right:-110px;bottom:-190px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(25,199,255,.18),transparent 66%);content:"";pointer-events:none}
.library-hero h1{margin:8px 0 8px;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.045em}
.library-hero p{max-width:760px;margin:0;color:#9cacC5;font-size:15px}
.library-hero-badges{z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.library-hero-badges span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(7,13,24,.44);color:#aebbd1;font-size:9px;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.library-hero-badges i,.live-foot>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(80,227,164,.8)}
.library-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);align-items:start;gap:16px;width:100%}
.maintenance-feedback{margin:0 0 16px;padding:14px 17px;border:1px solid;border-radius:14px;font-size:12px;font-weight:750}.maintenance-feedback[hidden]{display:none!important}.maintenance-feedback.is-success{border-color:rgba(80,227,164,.32);background:rgba(80,227,164,.08);color:var(--green)}.maintenance-feedback.is-error{border-color:rgba(255,102,122,.36);background:rgba(255,102,122,.08);color:#ff9cab}
.library-maintenance,.library-live{min-width:0;margin:0;padding:28px;border-color:rgba(70,104,157,.35);background:linear-gradient(150deg,rgba(21,31,50,.98),rgba(11,18,31,.98));box-shadow:0 30px 80px rgba(0,0,0,.2)}
.maintenance-step{display:flex;align-items:center;gap:13px;margin:3px 0 13px}
.maintenance-step>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(25,199,255,.32);border-radius:11px;background:rgba(25,199,255,.08);color:var(--cyan);font-size:11px;font-weight:900}
.maintenance-step div{display:grid;gap:2px}.maintenance-step strong{font-size:14px}.maintenance-step small{color:var(--muted);font-size:11px}
.premium-select{position:relative;margin-bottom:7px}.premium-select>span{position:absolute;top:9px;left:15px;z-index:1;color:#7f91ae;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.premium-select select{min-height:64px!important;padding:24px 46px 9px 15px!important;border-color:rgba(69,99,146,.52)!important;background:#09111f!important;font-weight:700;appearance:auto}
.library-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.library-choice{position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr) 46px!important;align-items:center;gap:12px;min-height:76px;padding:13px 15px;border:1px solid rgba(62,88,130,.48);border-radius:15px;background:linear-gradient(145deg,rgba(12,21,36,.94),rgba(8,15,27,.94));cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}
.library-choice:hover{transform:translateY(-1px);border-color:rgba(25,199,255,.48);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.library-choice input{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}
.library-choice:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}
.library-choice:has(input:checked){border-color:rgba(25,199,255,.62);background:linear-gradient(145deg,rgba(17,46,67,.9),rgba(10,27,48,.94));box-shadow:inset 0 0 30px rgba(25,199,255,.05),0 12px 32px rgba(0,0,0,.18)}
.library-icon{display:grid!important;place-items:center;width:42px;height:42px;border:1px solid rgba(25,199,255,.2);border-radius:12px;background:linear-gradient(145deg,rgba(25,199,255,.12),rgba(77,124,255,.1));color:var(--cyan);font-size:15px;font-weight:900}
.choice-copy{display:grid!important;gap:4px;min-width:0}.choice-copy strong{font-size:13px}.choice-copy small{overflow:hidden;color:#70819e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.toggle-track{position:relative!important;display:block!important;width:42px;height:24px;border:1px solid #34425a;border-radius:99px;background:#151e2d;transition:.2s ease}
.toggle-track::after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#71809a;box-shadow:0 2px 8px rgba(0,0,0,.4);content:"";transition:.2s ease}
.library-choice input:checked~.toggle-track{border-color:rgba(25,199,255,.7);background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 18px rgba(25,199,255,.24)}
.library-choice input:checked~.toggle-track::after{left:21px;background:white}
.library-choice.all{grid-column:1/-1;min-height:68px;border-color:rgba(25,199,255,.26)}
.library-choice.all .library-icon{height:38px;border-radius:11px;font-size:20px}
.maintenance-note{display:flex;align-items:flex-start;gap:13px;padding:15px 17px;border:1px solid rgba(80,227,164,.25);border-radius:14px;background:linear-gradient(120deg,rgba(80,227,164,.08),rgba(25,199,255,.04))}
.safety-icon{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:rgba(80,227,164,.16);color:var(--green);font-weight:900}
.maintenance-note strong{color:var(--green);font-size:12px}.maintenance-note p{margin:4px 0 0;color:#8494ad;font-size:11px;line-height:1.55}
.maintenance-submit{display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:52px;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 14px 35px rgba(36,112,255,.24);font-size:13px}.maintenance-submit b{font-size:18px;transition:transform .2s}.maintenance-submit:hover b{transform:translateX(4px)}.maintenance-submit:disabled{cursor:wait;filter:saturate(.45);opacity:.7}
.live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid rgba(70,94,133,.32)}
.live-head h2{margin:5px 0 0;font-size:24px}.scan-state{padding:7px 9px;border:1px solid rgba(112,128,154,.3);border-radius:999px;color:#91a0b8;font-size:8px;font-weight:900;letter-spacing:.1em}.scan-state.is-running{border-color:rgba(25,199,255,.35);background:rgba(25,199,255,.08);color:var(--cyan)}.scan-state.is-completed{border-color:rgba(80,227,164,.35);background:rgba(80,227,164,.08);color:var(--green)}.scan-state.is-error{border-color:rgba(255,102,122,.35);color:var(--red)}
.overall-progress{padding:20px 0 17px}.overall-progress>div{display:flex;justify-content:space-between;margin-bottom:9px;color:#8d9ab0;font-size:11px}.overall-progress strong{color:white;font-size:13px}.overall-progress progress,.task-progress progress{width:100%;height:7px;overflow:hidden;border:0;border-radius:99px;background:#222d40}.overall-progress progress::-webkit-progress-bar,.task-progress progress::-webkit-progress-bar{background:#222d40}.overall-progress progress::-webkit-progress-value,.task-progress progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.library-job-empty{display:grid;place-items:center;min-height:310px;padding:26px;text-align:center}.library-job-empty>strong{margin-top:20px;font-size:15px}.library-job-empty p{max-width:280px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.library-job-empty[hidden],.library-task-list[hidden]{display:none!important}
.radar-ring{position:relative;display:grid;place-items:center;width:84px;height:84px;border:1px solid rgba(25,199,255,.25);border-radius:50%;box-shadow:inset 0 0 35px rgba(25,199,255,.06)}.radar-ring::before,.radar-ring::after{position:absolute;border:1px solid rgba(25,199,255,.12);border-radius:50%;content:""}.radar-ring::before{inset:13px}.radar-ring::after{inset:27px}.radar-ring i{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}
.library-task-list{display:grid;gap:9px;max-height:440px;overflow:auto;padding-right:3px}.library-task{padding:13px;border:1px solid rgba(56,79,116,.42);border-radius:13px;background:rgba(8,15,27,.6)}.library-task-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.library-task-head strong{font-size:12px}.library-task-head span{color:#8392a9;font-size:8px;font-weight:900;letter-spacing:.08em}.library-task.is-scanning{border-color:rgba(25,199,255,.38)}.library-task.is-completed{border-color:rgba(80,227,164,.26)}.library-task.is-error{border-color:rgba(255,102,122,.35)}.task-path{display:block;overflow:hidden;margin-top:5px;color:#566985;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.task-subtitle{display:block;overflow:hidden;margin:4px 0 8px;color:#7e8da5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.task-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.task-progress strong{color:var(--cyan);font-size:10px}
.library-task.is-finalizing{border-color:rgba(255,200,87,.34);background:linear-gradient(120deg,rgba(255,200,87,.05),rgba(8,15,27,.6))}.library-task.is-finalizing .library-task-head span{color:var(--yellow)}
.library-task-list{scrollbar-width:thin;scrollbar-color:#33445f transparent}.library-task-list::-webkit-scrollbar{width:7px}.library-task-list::-webkit-scrollbar-track{background:transparent}.library-task-list::-webkit-scrollbar-thumb{border-radius:99px;background:#33445f}
.live-foot{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(70,94,133,.24)}.live-foot p{margin:0;color:#65758f;font-size:9px}
.maintenance-results{grid-column:1/-1;margin-top:16px}.maintenance-results .pill.ok{color:var(--cyan);border-color:rgba(25,199,255,.3)}
@media(max-width:1050px){.library-hero{align-items:flex-start;flex-direction:column}.library-hero-badges{justify-content:flex-start}.library-workspace{grid-template-columns:1fr}.library-live{order:2}}
@media(max-width:700px){.library-hero{padding:23px}.library-choice-grid{grid-template-columns:1fr}.library-choice.all{grid-column:auto}.library-maintenance,.library-live{padding:19px}}

/* Premium Plex service controls */
.plex-control-deck{position:relative;grid-column:1/-1;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:18px;min-height:58px;padding:9px 11px;overflow:hidden;border:1px solid rgba(75,113,170,.4);border-radius:16px;background:linear-gradient(115deg,rgba(16,28,48,.96),rgba(9,20,36,.96) 55%,rgba(12,39,54,.94));box-shadow:0 16px 45px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)}
.plex-control-deck::before{position:absolute;top:-80px;right:14%;width:230px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(25,199,255,.13),transparent 69%);content:"";pointer-events:none}
.plex-control-identity{z-index:1;display:flex;align-items:center;gap:11px;min-width:190px}.plex-control-identity>div{display:grid;gap:2px}.plex-control-identity small{color:#6f83a3;font-size:8px;font-weight:900;letter-spacing:.14em}.plex-control-identity strong{font-size:12px;letter-spacing:.08em}.plex-control-identity strong.is-online{color:var(--green)}.plex-control-identity strong.is-offline{color:#ff8797}
.plex-control-orbit{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(25,199,255,.25);border-radius:50%;background:rgba(25,199,255,.06)}.plex-control-orbit::before{position:absolute;inset:6px;border:1px solid rgba(25,199,255,.14);border-radius:50%;content:""}.plex-control-orbit i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
.plex-control-deck>p{z-index:1;margin:0;overflow:hidden;color:#7789a5;font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.plex-control-deck>p.is-success{color:var(--green)}.plex-control-deck>p.is-error{color:#ff91a0}.plex-control-deck>p.is-warning{color:var(--yellow)}.plex-control-deck>p.is-working{color:var(--cyan)}
.plex-control-actions{z-index:1;display:flex;align-items:center;gap:7px}.plex-control-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:86px;height:36px;padding:0 13px;border:1px solid rgba(80,105,146,.45);border-radius:10px;background:rgba(8,15,27,.76);color:#acb9cc;font:inherit;font-size:10px;font-weight:850;cursor:pointer;transition:.18s ease}.plex-control-actions button span{font-size:10px}.plex-control-actions button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(25,199,255,.5);color:white;box-shadow:0 8px 22px rgba(0,0,0,.22)}.plex-control-actions button.is-start{border-color:rgba(80,227,164,.28)}.plex-control-actions button.is-start span{color:var(--green)}.plex-control-actions button.is-stop span{color:#ff8797}.plex-control-actions button.is-restart span{color:var(--cyan)}.plex-control-actions button.is-armed{min-width:132px;border-color:rgba(255,102,122,.62);background:rgba(255,102,122,.11);color:#ff9eab;box-shadow:0 0 22px rgba(255,102,122,.1)}.plex-control-actions button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.4}
@media(max-width:950px){.plex-control-deck{grid-template-columns:auto 1fr}.plex-control-actions{grid-column:1/-1;justify-content:flex-end}.plex-control-deck>p{text-align:right}.plex-control-identity{min-width:0}}
@media(max-width:620px){.plex-control-deck{grid-template-columns:1fr;gap:9px}.plex-control-deck>p{display:none}.plex-control-actions{grid-column:auto;justify-content:stretch}.plex-control-actions button{flex:1;min-width:0}.plex-control-actions button.is-armed{min-width:0}.plex-control-identity{justify-content:center}}

/* Compact header placement: directly left of the signed-in admin */
.topbar:has(.plex-control-deck){grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;padding-top:11px;padding-bottom:11px}
.topbar .plex-control-deck{grid-column:auto;display:grid;grid-template-columns:auto auto;gap:9px;width:max-content;min-height:42px;padding:5px 6px 5px 9px;overflow:visible;border-radius:13px;box-shadow:0 10px 28px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)}
.topbar .plex-control-deck::before{top:-55px;right:20%;width:140px;height:110px}
.topbar .plex-control-identity{min-width:0;gap:7px;padding-right:3px}.topbar .plex-control-identity small{display:none}.topbar .plex-control-identity strong{font-size:9px;letter-spacing:.09em}.topbar .plex-control-orbit{width:27px;height:27px}.topbar .plex-control-orbit::before{inset:5px}.topbar .plex-control-orbit i{width:6px;height:6px}
.topbar .plex-control-actions{grid-column:auto;gap:4px}.topbar .plex-control-actions button{min-width:58px;height:30px;padding:0 8px;border-radius:8px;font-size:9px}.topbar .plex-control-actions button.is-restart{min-width:68px}.topbar .plex-control-actions button.is-armed{min-width:112px}
.topbar .plex-control-deck>p{display:none;position:absolute;top:calc(100% + 8px);right:0;width:250px;margin:0;padding:9px 11px;border:1px solid rgba(73,101,145,.55);border-radius:10px;background:rgba(8,15,27,.98);box-shadow:0 14px 35px rgba(0,0,0,.35);font-size:9px;line-height:1.4;text-align:left;white-space:normal}.topbar .plex-control-deck>p.is-success,.topbar .plex-control-deck>p.is-error,.topbar .plex-control-deck>p.is-warning,.topbar .plex-control-deck>p.is-working{display:block}
@media(min-width:1251px){.topbar:has(.plex-control-deck){grid-template-columns:auto auto minmax(0,1fr) auto}.topbar:has(.plex-control-deck)>nav{position:absolute;left:50%;transform:translateX(-50%)}.topbar .plex-control-deck{grid-column:2}.topbar:has(.plex-control-deck) .profile{grid-column:4}}
@media(max-width:1250px){.topbar:has(.plex-control-deck){grid-template-columns:auto auto minmax(0,1fr) auto}.topbar:has(.plex-control-deck) nav{grid-row:2;grid-column:1/-1;justify-content:center;overflow:auto}.topbar .plex-control-deck{grid-row:1;grid-column:2}.topbar:has(.plex-control-deck) .profile{grid-row:1;grid-column:4}}
@media(max-width:720px){.topbar:has(.plex-control-deck){grid-template-columns:1fr auto}.topbar:has(.plex-control-deck) .brand{grid-row:1;grid-column:1}.topbar:has(.plex-control-deck) .profile{grid-row:1;grid-column:2}.topbar:has(.plex-control-deck) nav{grid-row:2;grid-column:1/-1;justify-content:flex-start}.topbar .plex-control-deck{grid-row:3;grid-column:1/-1;justify-self:center}.topbar .plex-control-actions{justify-content:stretch}}

/* Premium profile menu and AJAX form feedback */
.profile-shell{position:relative!important;display:block!important;min-width:116px;text-align:right}.profile-trigger{position:relative;display:grid;justify-items:end;gap:2px;width:100%;padding:5px 20px 5px 8px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:background .18s ease}.profile-trigger:hover,.profile-trigger[aria-expanded="true"]{background:rgba(255,255,255,.055)}.profile-trigger span{font-size:12px;font-weight:750;line-height:1.1}.profile-trigger small{color:var(--cyan);font-size:8px;font-weight:850;letter-spacing:.12em;line-height:1.1}.profile-trigger i{position:absolute;top:50%;right:7px;width:6px;height:6px;border-right:1px solid #71819a;border-bottom:1px solid #71819a;transform:translateY(-70%) rotate(45deg);transition:transform .18s}.profile-trigger[aria-expanded="true"] i{transform:translateY(-20%) rotate(225deg)}
.profile-popover{position:absolute;top:calc(100% + 12px);right:0;z-index:40;width:360px;padding:12px;border:1px solid rgba(70,101,151,.5);border-radius:18px;background:linear-gradient(150deg,rgba(19,29,48,.99),rgba(8,15,27,.995));box-shadow:0 28px 75px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.035);text-align:left}.profile-popover[hidden],.profile-home[hidden],.profile-account[hidden],.form-feedback[hidden]{display:none!important}.profile-popover::before{position:absolute;top:-6px;right:28px;width:11px;height:11px;border-top:1px solid rgba(70,101,151,.5);border-left:1px solid rgba(70,101,151,.5);background:#121d30;content:"";transform:rotate(45deg)}
.profile-popover-head{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:6px 5px 13px;border-bottom:1px solid rgba(71,95,132,.32)}.profile-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(25,199,255,.3);border-radius:13px;background:linear-gradient(145deg,rgba(25,199,255,.18),rgba(77,124,255,.16));color:var(--cyan);font-size:15px;font-weight:900}.profile-popover-head>div{display:grid;gap:3px;min-width:0}.profile-popover-head strong{font-size:13px}.profile-popover-head small{overflow:hidden;color:#7f90aa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.profile-popover-head>button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.04);color:#7f90aa;font-size:17px;cursor:pointer}.profile-popover-head>button:hover{background:rgba(255,255,255,.08);color:white}
.profile-home{display:grid;gap:7px;padding-top:10px}.profile-logout{margin:0}.profile-action{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.profile-action:hover{border-color:rgba(25,199,255,.2);background:rgba(25,199,255,.055)}.profile-action>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(25,199,255,.18);border-radius:10px;background:rgba(25,199,255,.07);color:var(--cyan);font-size:14px}.profile-action>div{display:grid;gap:3px}.profile-action strong{font-size:11px}.profile-action small{color:#74859f;font-size:9px}.profile-action>b{color:#647590;font-size:19px}.profile-action.danger:hover{border-color:rgba(255,102,122,.22);background:rgba(255,102,122,.055)}.profile-action.danger>span{border-color:rgba(255,102,122,.2);background:rgba(255,102,122,.07);color:#ff8797}
.profile-account{padding:11px 3px 3px}.profile-back{margin:0 0 12px;padding:0;border:0;background:none;color:#8192ad;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.profile-back:hover{color:var(--cyan)}.profile-pane-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.profile-pane-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(25,199,255,.09);color:var(--cyan)}.profile-pane-title>div{display:grid;gap:3px}.profile-pane-title strong{font-size:12px}.profile-pane-title small{color:#74859f;font-size:9px}.profile-account-form{display:grid;gap:10px}.profile-account-form label{display:grid;gap:5px;color:#8392aa;font-size:9px}.profile-account-form input{width:100%;padding:10px 11px;border:1px solid rgba(65,88,126,.6);border-radius:9px;background:#08101c;color:white;font:inherit;outline:none}.profile-account-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(25,199,255,.1)}.profile-account-form .primary{margin-top:2px}
.form-feedback{padding:10px 11px;border:1px solid;border-radius:10px;font-size:10px;line-height:1.4}.form-feedback.is-success{border-color:rgba(80,227,164,.3);background:rgba(80,227,164,.08);color:var(--green)}.form-feedback.is-error{border-color:rgba(255,102,122,.32);background:rgba(255,102,122,.08);color:#ff9aa8}.form-stack button:disabled,.profile-account-form button:disabled,.profile-action:disabled{cursor:wait;opacity:.6}
@media(max-width:600px){.profile-shell{min-width:90px}.profile-popover{position:fixed;top:72px;right:12px;left:12px;width:auto}.profile-popover::before{display:none}.profile-trigger{padding-right:16px}.profile-trigger span{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Standalone account modal */
body.has-modal{overflow:hidden}.account-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(2,7,15,.72);backdrop-filter:blur(10px)}.account-modal[hidden]{display:none!important}.account-modal-card{position:relative;width:min(470px,100%);padding:24px;border:1px solid rgba(71,108,166,.52);border-radius:22px;background:linear-gradient(150deg,rgba(20,31,51,.995),rgba(8,15,27,.995));box-shadow:0 38px 110px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.04)}.account-modal-card::before{position:absolute;top:-90px;right:-70px;width:260px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(25,199,255,.13),transparent 68%);content:"";pointer-events:none}.account-modal-head{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 32px;align-items:start;gap:13px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(71,96,135,.34)}.account-modal-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(25,199,255,.26);border-radius:14px;background:linear-gradient(145deg,rgba(25,199,255,.14),rgba(77,124,255,.12));color:var(--cyan);font-size:18px}.account-modal-head>div:nth-child(2){display:grid;gap:3px}.account-modal-head span{color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:.15em}.account-modal-head h2{margin:0;font-size:20px}.account-modal-head p{margin:1px 0 0;color:#7e8da5;font-size:9px}.account-modal-head>button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:rgba(255,255,255,.045);color:#7f90aa;font:inherit;font-size:18px;cursor:pointer}.account-modal-head>button:hover{background:rgba(255,255,255,.09);color:white}.account-modal-card .profile-account-form{gap:12px}.account-modal-card .profile-account-form label{font-size:10px}.account-modal-card .profile-account-form input{padding:12px}.account-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.account-modal-actions>button{min-width:110px;padding:11px 14px;border:1px solid rgba(71,96,135,.48);border-radius:10px;background:rgba(8,15,27,.7);color:#9cabc0;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.account-modal-actions>button:hover{border-color:rgba(25,199,255,.4);color:white}.account-modal-actions>button.primary{border:0;color:white}
@media(max-width:560px){.account-modal{padding:12px}.account-modal-card{padding:19px}.account-modal-actions{display:grid;grid-template-columns:1fr 1fr}.account-modal-actions>button{min-width:0}}