/* The animation repository: index cards and the record page. */
.repository-page .commons-status{margin-top:14px}
.repository-explainer{margin-top:clamp(16px,2.6vw,24px);padding:14px 16px;border:1px solid var(--bd);
  border-radius:10px;background:var(--panel);max-width:860px}
.repository-explainer p{font-size:12.5px;line-height:1.65;color:var(--mut)}
.repository-explainer p b{color:var(--tx)}
.repository-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;
  margin-top:clamp(18px,3vw,26px)}
.repository-card{display:flex;flex-direction:column;border:1px solid var(--bd);border-radius:10px;
  background:var(--card);box-shadow:var(--btn-sh);overflow:hidden;color:inherit}
.repository-card:hover{border-color:var(--fnt)}
.repository-card-poster{aspect-ratio:16/9;background:var(--inset);display:flex;align-items:center;
  justify-content:center;font:10px var(--mono);letter-spacing:.14em;color:var(--fnt);text-transform:uppercase}
.repository-card-poster img{width:100%;height:100%;object-fit:cover;display:block}
.repository-card-body{padding:13px 14px}
.repository-card-body b{font-size:14px;font-weight:600;line-height:1.35}
.repository-card-body p{margin-top:6px;font-size:12px;line-height:1.55;color:var(--mut)}
.repository-card-meta{margin-top:8px;font:10px var(--mono);letter-spacing:.05em;color:var(--fnt)}

/* record page */
.animation-player{margin-top:clamp(18px,3vw,26px);border:1px solid var(--bd);border-radius:10px;
  overflow:hidden;background:var(--inset)}
.animation-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.animation-player-empty{aspect-ratio:16/9;display:flex;flex-direction:column;gap:8px;align-items:center;
  justify-content:center;text-align:center;padding:20px}
.animation-player-empty b{font-family:var(--cond);font-weight:600;font-size:clamp(18px,2.2vw,24px);text-transform:uppercase}
.animation-player-empty p{font-size:12.5px;color:var(--mut);max-width:52ch}
.animation-head{margin-top:16px}
.animation-head h2{font-family:var(--cond);font-weight:600;font-size:clamp(24px,3.2vw,38px);line-height:1.05;
  text-transform:uppercase}
.animation-accession{margin-top:6px;font:10.5px var(--mono);letter-spacing:.08em;color:var(--fnt)}
.animation-creators{margin-top:10px;font-size:13px;color:var(--mut)}
.animation-creators b{color:var(--tx);font-weight:600}
.animation-tombstone{margin-top:clamp(18px,3vw,26px);padding:18px 20px;border:1px solid var(--bd);
  border-left:3px solid var(--acc);border-radius:10px;background:var(--card);max-width:760px}
.animation-tombstone h3{font-family:var(--cond);font-weight:600;font-size:20px;text-transform:uppercase}
.animation-tombstone p{margin-top:8px;font-size:13px;line-height:1.65;color:var(--mut)}
.animation-section{margin-top:clamp(20px,3.4vw,30px);max-width:860px}
.animation-section>p:first-child{font:9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fnt)}
.animation-section h3{margin-top:5px;font-family:var(--cond);font-weight:600;font-size:19px;text-transform:uppercase}
.animation-section>div,.animation-section>ol,.animation-section>ul{margin-top:10px}
.animation-summary{margin-top:12px;font-size:13.5px;line-height:1.7;color:var(--tx);max-width:72ch}
.animation-description{font-size:13px;line-height:1.7;color:var(--mut);max-width:72ch;white-space:pre-wrap}
.evidence-table{display:flex;flex-direction:column;gap:6px}
.evidence-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;padding:9px 12px;
  border:1px solid var(--bd);border-radius:8px;background:var(--panel)}
.evidence-row b{font-size:12.5px;font-weight:600;min-width:170px}
.evidence-chip{display:inline-flex;align-items:center;height:20px;padding:0 9px;border-radius:10px;
  border:1px solid var(--bd);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.evidence-chip-experimental{border-color:var(--tx);color:var(--tx)}
.evidence-chip-illustrative,.evidence-chip-procedural{border-style:dashed}
.evidence-chip-interpolated,.evidence-chip-compressed{border-color:var(--acc);color:var(--acc)}
.evidence-row small{font-size:11.5px;color:var(--mut)}
.evidence-counts{display:flex;flex-wrap:wrap;gap:8px}
.animation-references{list-style:decimal;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.animation-references li{font-size:12.5px;line-height:1.6;color:var(--mut)}
.animation-references a{color:var(--acc)}
.animation-source-state{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:13px;
  border:1px solid var(--bd);background:var(--panel);font:11px var(--mono);color:var(--mut)}
.animation-versions{display:flex;flex-direction:column;gap:6px}
.animation-versions a,.animation-versions span{font-size:12.5px;color:var(--mut)}
.animation-versions b{color:var(--tx)}
.citation-block{padding:13px 15px;border:1px solid var(--bd);border-radius:8px;background:var(--panel)}
.citation-block p{font-size:12.5px;line-height:1.6;color:var(--tx)}
.citation-block pre{margin-top:10px;padding:10px 12px;border:1px dashed var(--bd);border-radius:6px;
  background:var(--inset);font:11px var(--mono);line-height:1.55;color:var(--mut);overflow-x:auto;white-space:pre}
.citation-actions{display:flex;gap:8px;margin-top:10px}
.citation-actions button{height:30px;padding:0 13px;border:1px solid var(--bd);border-radius:7px;
  background:var(--card);color:var(--mut);font:11.5px var(--sans);cursor:pointer}
.citation-actions button:hover{border-color:var(--fnt);color:var(--tx)}
.animation-licence{font-size:12.5px;color:var(--mut)}
.repository-backlink{display:inline-flex;margin-top:clamp(20px,3vw,28px);font-size:12.5px;color:var(--acc)}

/* the publish wizard */
.publish-page .commons-admin-panel{margin-top:clamp(16px,2.6vw,22px)}
.publish-subhead{margin-top:18px;padding-top:14px;border-top:1px solid var(--bd-soft)}
.publish-subhead h4{margin-top:4px;font-family:var(--cond);font-weight:600;font-size:16px;text-transform:uppercase}
.publish-rows{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.publish-row{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid var(--bd);border-radius:8px;background:var(--panel)}
.publish-row input,.publish-row select{flex:1 1 160px;height:34px;padding:0 10px;border:1px solid var(--bd);
  border-radius:7px;background:var(--card);color:var(--tx);font:12.5px var(--sans)}
.publish-row input:focus,.publish-row select:focus{outline:none;border-color:var(--acc)}
.publish-creator-row input:first-child,.publish-reference-row input:nth-of-type(1),.publish-basis-row input:first-child{flex:2 1 220px}
.publish-row-remove{flex:none;height:34px;padding:0 12px;border:1px solid var(--bd);border-radius:7px;
  background:var(--card);color:var(--mut);font:11.5px var(--sans);cursor:pointer}
.publish-row-remove:hover{border-color:var(--fnt);color:var(--tx)}
.publish-item p{margin-top:4px;font-size:12px;line-height:1.55;color:var(--mut)}

/* named reviews on the record page */
.animation-review{padding:13px 15px;border:1px solid var(--bd);border-radius:8px;background:var(--panel)}
.animation-review+.animation-review{margin-top:8px}
.animation-review b{font-size:13px;font-weight:600}
.animation-review small{display:block;margin-top:2px;font:10.5px var(--mono);color:var(--fnt)}
.animation-review p{margin-top:8px;font-size:12.5px;line-height:1.65;color:var(--mut)}
.animation-review .review-scope{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.repository-search{display:flex;gap:8px;margin-top:clamp(16px,2.6vw,22px);max-width:560px}
.repository-search input{flex:1;height:38px;padding:0 14px;border:1px solid var(--bd);border-radius:8px;
  background:var(--card);color:var(--tx);font:13px var(--sans)}
.repository-search input:focus{outline:none;border-color:var(--acc)}
.repository-search button{height:38px;padding:0 16px;border:1px solid var(--bd);border-radius:8px;
  background:var(--ink);color:var(--ink-tx);font:600 12px var(--sans);cursor:pointer}
.repository-actions{margin-top:12px}
.repository-actions a{font-size:12.5px;color:var(--acc)}

/* the embed page: just the animation and its identity */
.repository-embed-page{background:var(--bg,#F4F5F6)}
.repository-embed-page main{max-width:960px;margin:0 auto;padding:8px}
.repository-embed-page .animation-player{margin-top:0}
.embed-caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:8px 4px}
.embed-caption b{font-size:13px;font-weight:600}
.embed-caption a{font:10.5px var(--mono);color:var(--acc)}
.animation-files{display:flex;flex-wrap:wrap;gap:8px}
.animation-files button,.animation-files a{display:inline-flex;align-items:center;height:32px;padding:0 14px;
  border:1px solid var(--bd);border-radius:7px;background:var(--panel);color:var(--mut);
  font:11.5px var(--sans);cursor:pointer;text-decoration:none}
.animation-files button:hover,.animation-files a:hover{border-color:var(--fnt);color:var(--tx)}
.creator-verified{display:inline-flex;align-items:center;height:18px;padding:0 8px;margin-left:6px;
  border-radius:9px;border:1px solid var(--acc);color:var(--acc);font:9.5px var(--mono);
  letter-spacing:.08em;text-transform:uppercase}

/* the AI workbench */
.workbench-page .commons-admin-panel{margin-top:clamp(16px,2.6vw,22px)}
.workbench-paste{width:100%;margin-top:12px;padding:12px;border:1px solid var(--bd);border-radius:8px;
  background:var(--inset);color:var(--tx);font:12px var(--mono);line-height:1.55;resize:vertical}
.workbench-paste:focus{outline:none;border-color:var(--acc)}
.workbench-report{margin-top:10px;display:flex;flex-direction:column;gap:5px}
.workbench-report p{font:12px var(--mono);line-height:1.5;padding:7px 10px;border-radius:6px}
.workbench-error{color:var(--tx);border:1px solid var(--acc);background:var(--acc-soft)}
.workbench-warning{color:var(--mut);border:1px dashed var(--bd)}
.workbench-ok{color:var(--tx);border:1px solid var(--bd);background:var(--panel);font-weight:600}