.study-nav{
  display:flex;
  gap:1.5rem;
  padding:.8rem clamp(1rem,5vw,5rem);
  border-bottom:1px solid #ffffff16;
  overflow:auto;
  font-size:.85rem}
.study-nav a{
  white-space:nowrap}
.studio{
  padding-top:2rem;
  padding-bottom:4rem}
.studio h1{
  font-size:clamp(2rem,4vw,3.5rem)}
.studio-layout{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:2rem}
.studio-side{
  position:sticky;
  top:110px;
  align-self:start;
  display:grid;
  gap:.6rem}
.studio-side>a{
  border-radius:12px;
  padding:.8rem;
  background:#ffffff06}
.studio-side [aria-current]{
  background:#d3ad5540}
.study-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:1.5rem}
.study-card h3{
  margin:.7rem 0 .3rem}
.study-card p,.muted{
  color:#a4adb8}
.study-thumbnail{
  aspect-ratio:16/9;
  background:linear-gradient(130deg,#283443,#111820);
  position:relative;
  border-radius:14px;
  overflow:hidden;
  display:grid;
  place-items:center;
  font-size:3rem;
  color:#d4af63}
.study-thumbnail img{
  width:100%;
  height:100%;
  object-fit:cover}
.study-thumbnail small{
  position:absolute;
  bottom:8px;
  right:8px;
  padding:.3rem;
  background:#000b;
  border-radius:5px;
  font-size:.7rem;
  color:#fff}
.study-card{
  transition:transform .18s}
.study-card:hover{
  transform:translateY(-4px)}
.study-panel{
  padding:1.2rem;
  margin:1rem 0;
  background:#ffffff05;
  border:1px solid #ffffff15;
  border-radius:16px;
  overflow-wrap:anywhere}
.study-panel summary{
  cursor:pointer;
  font-weight:650;
  padding:.3rem 0}
.study-panel article{
  padding:1rem 0;
  border-top:1px solid #ffffff12}
.study-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  align-items:end;
  margin:1rem 0}
.study-actions form{
  display:flex;
  gap:.5rem;
  align-items:end}
.study-form{
  max-width:680px}
.study-form label,.study-form p>label,.studio-side label{
  display:block;
  margin:.8rem 0}
.study-form input:not([type=radio]):not([type=checkbox]),.study-form textarea,.study-form select,.studio-side input{
  width:100%;
  box-sizing:border-box}
.study-form fieldset{
  border:1px solid #ffffff20;
  border-radius:12px;
  margin:1rem 0}
.study-form input[type=radio]{
  margin-right:.4rem}
.channel-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:1rem}
.channel-avatar{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:#d3ad5530;
  color:#efce85;
  font-size:1.7rem}
.legal-notice{
  border-left:3px solid #d4af63}
.study-tools{
  margin:1rem 0 2rem}
.large-text{
  font-size:120%}
.high-contrast{
  background:#000;
  color:#fff}
.high-contrast p,.high-contrast .muted,.high-contrast small{
  color:#fff}
.high-contrast a{
  color:#ffdf86}
.high-contrast .study-panel{
  border-color:#fff}
.studio table{
  width:100%;
  border-collapse:collapse;
  font-size:.9rem}
.studio th,.studio td{
  text-align:left;
  padding:.7rem;
  border-bottom:1px solid #ffffff15}
.table-scroll{
  overflow:auto}
.operation-stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:1rem}
.operation-stats strong{
  display:block;
  font-size:2.2rem;
  color:#e3c175}
.ops-alert{
  padding:1rem;
  border:1px solid #f19c67;
  border-radius:12px;
  color:#f9bf95}
.studio progress{
  display:block;
  width:100%;
  accent-color:#d3ad55}
.studio .button{
  cursor:pointer}
.upload-state{
  white-space:pre-wrap}
.study-tools button[aria-pressed=true]{
  border-color:#d4af63;
  background:#d4af6320}
@media(max-width:900px){
  .studio-layout{
  grid-template-columns:1fr}
.studio-side{
  position:static;
  display:flex;
  flex-wrap:wrap}
.studio-side form{
  flex-basis:100%}
.topbar nav{
  overflow:auto}
.study-nav{
  gap:1rem}
}
@media(prefers-reduced-motion:reduce){
  .study-card{
  transition:none}
.study-card:hover{
  transform:none}
}

.studio .button,.study-tools .button{
  color:var(--text)}
.studio .button.primary,.study-tools .button.primary{
  color:#171c20}
.studio input:not([type=checkbox]):not([type=radio]),.studio select,.studio textarea,.study-tools input:not([type=checkbox]):not([type=radio]),.study-tools select,.study-tools textarea{
  background:#101920;
  border:1px solid #ffffff25;
  border-radius:9px;
  padding:.7rem;
  color:var(--text);
  font:inherit;
  max-width:100%}
.studio input::file-selector-button{
  background:#e5c68b22;
  color:var(--gold);
  border:0;
  border-radius:6px;
  padding:.5rem;
  cursor:pointer}
.studio :focus-visible,.study-tools :focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px}
.studio summary{
  font-size:1rem}
.studio h2{
  margin:.4rem 0 1rem}
.studio h3{
  margin:.5rem 0}
.high-contrast input,.high-contrast select,.high-contrast textarea{
  border-color:#fff!important;
  background:#000!important;
  color:#fff!important}
.studio-side .button{
  margin-top:.5rem}
.study-tools .study-form{
  margin-top:1rem}

@media(max-width:680px){
  .topbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:0 1rem;
  height:auto;
  padding:.5rem 5% 0}
.topbar>.brand{
  grid-column:1;
  grid-row:1}
.topbar>.account{
  grid-column:2;
  grid-row:1}
.topbar>nav{
  grid-column:1/-1;
  grid-row:2;
  min-width:0;
  width:100%;
  margin:0;
  gap:1.3rem;
  font-size:12px;
  overflow-x:auto;
  white-space:nowrap;
  height:44px}
.topbar nav a:nth-child(2){
  display:flex}
.topbar nav a{
  flex-shrink:0}
.study-nav{
  font-size:12px}
.studio-layout{
  gap:1rem}
}
.search-page{max-width:1400px}.search-main{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem}.search-main input{width:100%}.search-form label{display:block;margin-bottom:.5rem}.search-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:1.5rem 0}.search-filters select,.search-filters input{width:100%}.search-form fieldset{border:1px solid var(--line);border-radius:12px;padding:1rem;margin:1rem 0}.search-form input[type=checkbox]{accent-color:var(--gold)}.search-tags>div{display:flex;flex-wrap:wrap;gap:.8rem}.search-tags label{background:#ffffff08;padding:.5rem .8rem;border-radius:20px;margin:0}.search-tags small{display:block;margin-top:.8rem;color:var(--muted)}.search-hit{border-top:1px solid var(--line);padding:1rem 0}.search-hit a{color:var(--gold);font-weight:600}.search-tag{font-size:.8rem;border:1px solid var(--line);border-radius:30px;padding:.2rem .7rem}.search-result .tag-list{margin:.8rem 0}.search-pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1rem}.search-result-heading h2{margin:.6rem 0}.search-form .errorlist{color:#ffc6ac}.search-main .button{min-height:48px}@media(max-width:900px){.search-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.search-main,.search-filters{grid-template-columns:1fr}.search-filters{gap:1rem}.search-result-heading h2{font-size:1.4rem}}

.search-dates{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.search-dates>div{min-width:0}.search-form input[type=date]{color-scheme:dark;min-width:0}.search-filters>div{min-width:0}

/* Independent audio keeps the same timeline, notes and accessible controls. */
.audio-only-badge{position:absolute;inset:6% 0 58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:#fff;pointer-events:none;text-align:center}.audio-only-badge[hidden]{display:none}.audio-only-badge>span{font-size:2rem;color:#d8b56c}.audio-only-badge small{padding:0 1rem;font-size:.75rem}.player-shell.audio-only video{background:#10161f}.media-download{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;max-width:100%}.media-download select{max-width:100%}.media-pending{font-size:.9rem}
.media-download .button{color:var(--text);margin-left:0}