.studio-project-toolbar { display:flex; align-items:flex-end; gap:12px; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
[data-view="projects"] > .studio-page-head,[data-view="project"] > .studio-page-head { margin-bottom:24px; }
.studio-project-toolbar label { display:grid; gap:8px; min-width:0; }
.studio-project-toolbar label > span { color:var(--muted); font-size:11px; }
.studio-project-search { flex:1; }
.studio-project-toolbar input,.studio-project-toolbar select { width:100%; height:42px; padding:0 12px; border:1px solid var(--line); border-radius:10px; color:var(--text); background:#090a08; font:inherit; font-size:13px; }
.studio-project-toolbar select { min-width:150px; }
.studio-project-toolbar .studio-secondary { height:42px; padding:0 14px; font-size:12px; }
.studio-project-tabs { margin-top:22px; flex-wrap:wrap; gap:8px; }
.studio-project-tabs button { min-height:40px; padding:9px 15px; font-size:12px; }
.studio-project-tabs button span { font-size:11px; }
.studio-project-count { margin:14px 0; color:var(--muted); font-size:12px; }
.studio-project-status { padding:24px; font-size:14px; text-align:center; line-height:1.6; }
.studio-project-status.has-error { min-height:70px; margin-bottom:16px; border-color:#735440; color:#edc7a9; }
.studio-project-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.studio-project-card { grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr; border-radius:20px; }
.studio-project-card > .studio-project-media { width:100%; aspect-ratio:4 / 3; min-height:0; padding:0; background:#0c0d0a; }
.studio-project-card .studio-project-media img { position:absolute; inset:0; }
.studio-project-card .studio-project-placeholder { min-height:0; height:100%; }
.studio-project-media > small { left:16px; bottom:14px; font-size:10px; }
.studio-project-media > em { top:14px; right:14px; min-width:30px; height:30px; font-size:13px; }
.studio-project-card > div { display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:20px; }
.studio-project-card > div > small { line-height:1.5; font-size:10px; letter-spacing:.025em; }
.studio-project-card b { max-width:100%; font-size:19px; line-height:1.25; }
.studio-project-card p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; font-size:13px; line-height:1.5; min-height:39px; }
.studio-project-card > div > span { margin-top:auto; font-size:11px; }
.studio-project-card > div > button { width:100%; min-height:40px; margin-top:4px; border-top:1px solid var(--line); padding:14px 0 0; color:var(--gold-light); font-size:13px; text-align:left; }
.studio-project-pagination { display:flex; justify-content:center; padding:24px 0; }
.studio-project-pagination button { min-height:44px; padding:10px 26px; font-size:13px; }
.studio-project-pagination button[hidden] { display:none; }
.studio-project-detail-card { min-height:0; grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr); align-items:start; }
.studio-project-detail-media { min-height:440px; height:calc(100vh - 220px); max-height:850px; }
.studio-project-detail-media img,.studio-project-detail-media video { max-height:100%; }
.studio-project-detail-copy { padding:28px; gap:20px; justify-content:flex-start; }
.studio-project-detail-copy h2 { font-size:clamp(26px,2.5vw,38px); line-height:1.12; }
.studio-project-detail-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
.studio-project-detail-facts small { font-size:9px; }
.studio-project-detail-facts b { font-size:13px; }
.studio-project-detail-status { font-size:10px; min-height:30px; }
.studio-project-detail-copy summary { font-size:13px; }
.studio-project-detail-copy details p { font-size:14px; max-height:190px; }
.studio-project-detail-actions .studio-secondary,.studio-project-detail-actions .studio-primary { width:100%; min-height:46px; padding:12px 16px; font-size:13px; line-height:1.5; }
.studio-project-parameters { width:100%; }
.studio-project-parameters h3 { margin:0 0 12px; font-size:13px; }
.studio-project-parameters dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0; }
.studio-project-parameters dt { color:var(--muted); font-size:11px; }
.studio-project-parameters dd { margin:5px 0 0; font-size:14px; }
.studio-project-source-note { margin:0; padding:14px; border-radius:12px; background:rgba(232,202,107,.05); color:#b8b3a5; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.studio-project-detail-error { font-size:13px; }
@media(max-width:1450px) {
  .studio-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .studio-project-toolbar { gap:8px; padding:14px; }
  .studio-project-toolbar select { min-width:130px; }
  .studio-project-toolbar .studio-secondary { padding:0 10px; }
  .studio-project-detail-copy { padding:22px; }
}
@media(max-width:1100px) {
  .studio-project-toolbar { flex-wrap:wrap; }
  .studio-project-search { flex-basis:100%; }
  .studio-project-detail-card { grid-template-columns:minmax(0,1fr); }
  .studio-project-detail-media { border-right:0; border-bottom:1px solid var(--line); height:440px; }
}
@media(prefers-reduced-motion:reduce) {
  .studio-project-card { transition:none; }
  .studio-project-card:hover { transform:none; }
  .studio-project-grid-loading > i::after { animation:none; }
}