.cinema-ready main.studio > #availability {margin:0 0 10px; padding:6px 10px}
.cinema-ready .cinema-top:has(.studio-compact-header) {height:auto; min-height:0; position:relative; z-index:15}
.cinema-ready .cinema-top .studio-compact-header {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,auto) auto;
  align-items:center;
  height:auto;
  min-height:0;
  gap:clamp(7px, 1.5vw, 18px);
  padding:8px 0;
}
.cinema-ready .studio-compact-header > .brand {
  min-width:0;
  gap:clamp(4px, 1vw, 10px);
  font-size:clamp(9px, 1.2vw, 13px);
  line-height:1.12;
}
.cinema-ready .studio-compact-header > .brand .mark {font-size:25px; width:24px; flex:0 0 24px}
.studio-compact-header .cinema-top-balances {order:0; min-width:0; justify-self:end}
.cinema-ready .studio-compact-header .studio-wallets {display:block; gap:0; min-width:0}
.cinema-ready .studio-compact-header .studio-wallets > div {display:grid; gap:0 6px; align-items:center; justify-items:end}
.cinema-ready .studio-compact-header .studio-wallets small {font-size:10px; line-height:1.2}
.cinema-ready .studio-compact-header .studio-wallets strong {font-size:clamp(12px, 2vw, 16px); line-height:1.2; white-space:nowrap}
.cinema-ready .studio-compact-header #token-reserved {font-size:9px; margin:0; max-width:110px; text-align:right}
.studio-header-actions {display:flex; gap:6px; align-items:center; min-width:0}
.cinema-ready .studio-compact-header .studio-header-actions > .studio-topup-launch,
.cinema-ready .studio-compact-header .studio-utility-menu > summary {
  display:grid;
  place-items:center;
  min-height:44px;
  padding:6px 9px;
  border-radius:8px;
  white-space:nowrap;
  font-size:12px;
  line-height:1.15;
}
.cinema-ready .studio-compact-header .studio-header-actions > .studio-topup-launch {
  color:var(--accent);
  background:var(--surface);
  border:1px solid var(--stroke);
  box-shadow:none;
}
.cinema-ready .studio-compact-header .studio-utility-menu {position:relative; order:0; flex:0 0 auto; z-index:25}
.cinema-ready .studio-compact-header .studio-utility-menu > summary {
  min-width:48px;
  list-style:none;
  cursor:pointer;
  color:var(--text);
  border:1px solid var(--stroke);
  background:var(--panel);
}
.studio-utility-menu > summary::-webkit-details-marker {display:none}
.studio-utility-panel {
  position:absolute;
  z-index:25;
  top:calc(100% + 6px);
  right:0;
  width:min(310px,calc(100vw - 20px));
  max-height:min(540px, calc(100dvh - 90px));
  overflow:auto;
  overscroll-behavior:contain;
  padding:9px;
  border:1px solid var(--stroke);
  border-radius:12px;
  background:var(--panel);
  box-shadow:0 14px 35px #0005;
}
.studio-utility-menu:not([open]) .studio-utility-panel {display:none}
.studio-utility-actions,
.cinema-ready .studio-compact-header .studio-utility-panel nav {
  position:static;
  display:grid!important;
  grid-template-columns:1fr;
  gap:3px;
  min-width:0;
  margin:0;
  padding:0;
  box-shadow:none;
  border:0;
  background:none;
}
.cinema-ready .studio-compact-header .studio-utility-panel nav {padding-top:6px; margin-top:6px; border-top:1px solid var(--stroke)}
.cinema-ready .studio-compact-header .studio-utility-actions > :is(a,button),
.cinema-ready .studio-compact-header .studio-utility-panel nav a,
.cinema-ready .studio-compact-header .studio-utility-actions .cinema-theme-menu > summary {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  min-height:44px;
  padding:8px 9px;
  text-align:left;
  border:1px solid transparent;
  border-radius:7px;
  background:none;
  color:var(--text);
  box-shadow:none;
  font-size:13px;
  line-height:1.2;
  white-space:normal;
}
.cinema-ready .studio-compact-header .studio-utility-panel :is(a,button,summary):hover {background:var(--hover)}
.cinema-ready .studio-compact-header .studio-utility-actions .cinema-theme-menu {position:static; width:100%; z-index:auto}
.cinema-ready .studio-compact-header .studio-utility-actions .cinema-theme-list {
  position:static;
  width:100%;
  min-width:0;
  max-height:none;
  box-shadow:none;
}
@media (min-width:641px) {
  .cinema-ready .cinema-models .video-language-control {grid-template-columns:minmax(0,1fr); gap:3px}
}
@media (max-width:950px) {
  .cinema-ready .cinema-mobile {
    display:flex;
    gap:4px;
    padding:4px;
    margin:0 0 10px;
    border:1px solid var(--stroke);
    border-radius:10px;
    background:var(--panel);
  }
  .cinema-ready .cinema-mobile button {
    flex:1 1 0;
    min-width:0;
    min-height:44px;
    padding:7px 4px;
    border:0;
    border-radius:6px;
    color:var(--muted);
    background:none;
    font-size:13px;
  }
  .cinema-ready .cinema-mobile button[aria-pressed="true"] {color:var(--text); background:var(--hover)}
  .cinema-ready .cinema-grid {display:block; height:auto}
  .cinema-ready .cinema-grid[data-panel="models"] :is(.cinema-center,.cinema-inspector),
  .cinema-ready .cinema-grid[data-panel="video"] :is(.cinema-models,.cinema-inspector),
  .cinema-ready .cinema-grid[data-panel="options"] :is(.cinema-center,.cinema-models) {display:none}
  .cinema-ready .cinema-grid > :is(.cinema-models,.cinema-center,.cinema-inspector) {width:100%; min-width:0}
}
@media (max-width:640px) {
  .cinema-ready .cinema-grid[data-panel="models"] .cinema-models {height:auto; min-height:0}
}
@media (max-width:370px) {
  .studio-processing-tool {padding-inline:7px; gap:6px; font-size:12px}
  .cinema-ready .studio-compact-header .studio-wallets > div {grid-template-columns:minmax(0,1fr)}
  .cinema-ready .studio-compact-header .studio-header-actions > .studio-topup-launch,
  .cinema-ready .studio-compact-header .studio-utility-menu > summary {padding-inline:6px; font-size:11px}
}