/* Compact reference header, using existing controls and their handlers. */
.catalog-screen .catalog-header {
  display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap;
  gap:14px; padding:20px 24px; min-height:94px; box-sizing:border-box;
}
.catalog-header > .catalog-brand,
.catalog-header .catalog-brand-row {display:contents;}
.catalog-header .catalog-brand-row .catalog-logo-link {order:0;flex:0 0 174px;margin:0 12px 0 0;width:174px;}
.catalog-header .catalog-logo {width:100%;margin:0;}
.catalog-header .catalog-center-controls {
  order:1;flex:1 1 auto;width:auto;min-width:0;padding:0;margin:0;
  position:static;display:flex;align-items:center;justify-content:center;gap:10px;
}
.catalog-header .catalog-center-controls > .library-tabs {
  display:flex;flex:0 1 auto;flex-wrap:nowrap;justify-content:center;gap:8px;padding:0;
}
.catalog-header .catalog-center-controls > .models-intro-language {
  position:static;display:flex;gap:6px;margin:0;flex:none;
}
.catalog-header .catalog-actions {
  order:2;display:flex;align-items:center;justify-content:flex-end;
  flex:0 0 auto;gap:10px;padding:0;margin:0;width:auto;
}
.catalog-header .catalog-action-buttons {gap:6px;flex-wrap:nowrap;}
.catalog-header .catalog-access-email {font-size:11px;max-width:120px;}
.catalog-header .notification-bell {order:3;}
.catalog-header #fullArchiveLink {order:4;align-self:center!important;margin:0!important;flex:none;}
.catalog-header .library-updates-status {display:none;}
.catalog-header .library-tabs button {min-height:46px;padding:0 17px;white-space:nowrap;font-size:13px;}
.catalog-header .models-intro-language button {min-height:44px;height:44px;min-width:42px;padding:0 12px;font-size:12px;}
.catalog-header #playerUpdatesButton {min-height:46px;padding:0 16px;border-radius:999px;background:linear-gradient(#282831,#1b1d26);border-color:#ffffff15;color:#dedbe5;}
.catalog-header .catalog-action-buttons button {height:42px;min-height:42px;padding:0 13px;}
.catalog-header .library-updates-button.notification-bell {height:44px;width:44px;min-height:44px;flex-basis:44px;border-radius:12px;}
@media(max-width:1650px) and (min-width:901px){
  .catalog-screen .catalog-header{flex-wrap:wrap;gap:12px;}
  .catalog-header .catalog-brand-row .catalog-logo-link{margin-right:auto;}
  .catalog-header .catalog-center-controls{order:5;flex-basis:100%;padding-top:6px;}
}
@media(max-width:900px){
  .catalog-screen .catalog-header{flex-wrap:wrap;gap:10px;padding:14px;min-height:0;}
  .catalog-header .catalog-brand-row .catalog-logo-link{flex:0 1 125px;width:125px;min-width:80px;margin-right:auto;}
  .catalog-header .catalog-center-controls{order:5;flex:1 1 100%;flex-direction:row;flex-wrap:wrap;padding:0;gap:8px;}
  .catalog-header .catalog-center-controls > .library-tabs{display:flex;flex-wrap:wrap;flex:1 1 100%;gap:6px;}
  .catalog-header .library-tabs button{flex:1;white-space:normal;min-height:42px;padding:8px;font-size:12px;}
  .catalog-header .catalog-actions{order:6;flex:1 1 100%;justify-content:center;flex-wrap:wrap;gap:8px;}
  .catalog-header .catalog-center-controls > .models-intro-language{margin:0;}
  .catalog-header #fullArchiveLink{font-size:10px!important;padding:6px 9px!important;}
  .catalog-header .library-updates-button.notification-bell{width:36px;height:36px;min-height:36px;flex-basis:36px;}
  .catalog-header #playerUpdatesButton{min-height:40px;flex:0 0 auto;}
}
.catalog-header {
  background: linear-gradient(115deg, rgba(19,24,34,.78), rgba(24,18,29,.65));
  border-radius: 18px;
  box-shadow: 0 0 0 1px rgba(131,91,132,.24), 0 10px 32px rgba(0,0,0,.14);
}
.catalog-header .library-tabs button,
.catalog-header .catalog-action-buttons button {
  border-radius: 999px;
  background: linear-gradient(180deg,#282831,#1b1d26);
  border-color: rgba(205,194,218,.13);
  color: #dedbe5;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.catalog-header .library-tabs button[aria-selected="true"] {
  background: linear-gradient(115deg,#532c49,#322638);
  border-color: rgba(197,116,169,.42);
  color: #fff0fa;
  box-shadow: 0 0 22px rgba(209,76,158,.12), inset 0 1px 0 rgba(255,255,255,.06);
}
.catalog-header .library-tabs button:hover,
.catalog-header .catalog-action-buttons button:hover {
  border-color: rgba(211,143,191,.55);
  background: linear-gradient(115deg,#443044,#282532);
}
.catalog-header .models-intro-language button {
  border-radius: 11px;
  background: linear-gradient(#252630,#1a1c25);
  border-color: rgba(205,194,218,.14);
  color: #d9d3e0;
}
.catalog-header .models-intro-language button[aria-pressed="true"] {
  background: linear-gradient(135deg,#c13c96,#8d287e);
  border-color: rgba(229,129,199,.5);
  color: #fff;
  box-shadow: 0 0 18px rgba(200,64,155,.13);
}
.catalog-header #fullArchiveLink {
  background: linear-gradient(115deg,#231e26,#1b1425) !important;
  border-color: rgba(179,149,77,.44) !important;
  color: #f2e6f6 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.catalog-header button:focus-visible,.catalog-header a:focus-visible {
  outline: 2px solid #e6a3d2;
  outline-offset: 3px;
}
/* Exact reference controls */
.catalog-header .catalog-center-controls {gap:8px;font-family:system-ui,sans-serif;}
.catalog-header .catalog-center-controls > .library-tabs {gap:8px;order:0;}
.catalog-header #playerUpdatesButton {order:1;}
.catalog-header .catalog-center-controls > .models-intro-language {order:2;gap:8px;margin-left:6px;}
.catalog-header .library-tabs button,.catalog-header #playerUpdatesButton {
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 height:46px;min-height:46px;padding:0 17px;border:1px solid #ffffff0c;border-radius:28px;
 background:linear-gradient(#24242e,#191b24);color:#d5d2de;
 font:400 14px/1.5 system-ui,sans-serif;letter-spacing:normal;white-space:nowrap;
 box-shadow:inset 0 1px #ffffff05;flex-shrink:0;
}
.catalog-header .library-tabs button[aria-selected="true"] {
 background:linear-gradient(120deg,#572a49,#302337);border-color:#96547c66;
 color:#fff;box-shadow:0 0 24px #df69b317,inset 0 1px #ffffff0c;
}
.catalog-header .library-tabs button::before {content:"";display:block;width:19px;height:19px;flex:0 0 19px;background-repeat:no-repeat;background-size:contain;}
.catalog-header .library-tabs .tab-testing {display:none;}
.catalog-header #playerUpdatesButton::before {content:"";width:7px;height:7px;flex:0 0 7px;background:#de86c7;border-radius:50%;}
.catalog-header .models-intro-language button {
 display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:auto;height:46px;min-height:46px;
 padding:0 12px;margin:0;border:1px solid #ffffff0c;border-radius:12px;
 background:linear-gradient(#24242e,#191b24);color:#d5d2de;
 font:400 14px/1.5 system-ui,sans-serif;box-shadow:inset 0 1px #ffffff05;outline:none;
}
.catalog-header .models-intro-language button[aria-pressed="true"] {background:linear-gradient(135deg,#be398f,#8e287d);border-color:#ffffff0c;color:white;box-shadow:inset 0 1px #ffffff05;outline:none;}
.catalog-header .models-intro-language button:focus-visible {outline:2px solid #ee9cdb;outline-offset:4px;}
@media(min-width:1700px){.catalog-header .library-tabs button,.catalog-header #playerUpdatesButton{padding:0 22px;}}
@media(max-width:700px){
 .catalog-header .catalog-center-controls > .library-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;flex-basis:100%;}
 .catalog-header .library-tabs button{height:auto;min-height:44px;min-width:0;padding:8px 5px;font-size:11px;gap:6px;white-space:normal;border-radius:12px;flex-shrink:1;}
 .catalog-header .library-tabs button::before{width:16px;height:16px;flex-basis:16px;}
 .catalog-header #playerUpdatesButton{height:40px;min-height:40px;padding:0 13px;font-size:12px;}
 .catalog-header .models-intro-language button{height:40px;min-height:40px;min-width:40px;font-size:12px;}
}
.catalog-header #libraryTab::before {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d5d2de%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%208%209-5%209%205-9%205-9-5Zm0%205%209%205%209-5M3%2018l9%205%209-5%22%2F%3E%3C%2Fsvg%3E");}
.catalog-header #modelsTab::before {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d5d2de%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%209%205v10l-9%205-9-5V7l9-5Zm0%2010v10M3%207l9%205%209-5M7%205l10%205%22%2F%3E%3C%2Fsvg%3E");}
.catalog-header #videos2dTab::before {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d5d2de%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m10%208%206%204-6%204Z%22%2F%3E%3C%2Fsvg%3E");}

/* Keep every catalog section in document flow, even in a short landscape viewport.
   The catalog itself scrolls; its children must never shrink over one another. */
.catalog-screen > .catalog-header,
.catalog-screen > .access-activity,
.catalog-screen > section {
  flex: 0 0 auto;
  min-width: 0;
}
@media (max-width: 900px) {
  .catalog-screen .catalog-header {
    height: auto;
    max-height: none;
    align-content: flex-start;
  }
  .catalog-header .catalog-center-controls > .library-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    flex: 0 0 100%;
  }
  .catalog-header .library-tabs button {
    min-width: 0;
    height: auto;
    white-space: normal;
    overflow-wrap: anywhere;
    padding: 8px 5px;
  }
  .catalog-header .catalog-action-buttons {
    flex-wrap: wrap;
    justify-content: center;
  }
}
