/* Vertical template catalogue and full-production workspace overrides. */
.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:stretch}
.card-link{min-width:0;background:#101c28}
.card .preview{width:100%;height:auto;min-height:0;aspect-ratio:9/16}
.card .preview img,.card .preview video{object-fit:cover}
.card .card-content{min-width:0}

.production-page .production-workbench{grid-template-columns:300px minmax(360px,1fr) 360px;align-items:start;min-height:0}
.production-page .production-scenes,.production-page .production-stage,.production-page .production-controls{min-height:0;overflow:visible}
.production-page .production-scene-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px;max-height:none;overflow:visible;padding-right:0}
.production-page .production-scene{grid-template-columns:16px 36px minmax(0,1fr);gap:5px;min-height:42px;padding:4px}
.production-page .production-scene img,.production-page .production-scene__blank{width:36px;height:40px}
.production-page .production-video{width:min(100%,360px);height:auto;max-height:calc(100vh - 150px);aspect-ratio:9/16;object-fit:contain}
.production-page .production-submit{background:#00d99a;color:#04120e;font-weight:800}
.production-page .production-submit span{color:#04120e}
.production-page .production-controls{position:sticky;top:18px}

@media(max-width:1180px){
  .production-page .production-workbench{grid-template-columns:260px minmax(340px,1fr)}
  .production-page .production-controls{grid-column:1/-1;position:static}
  .production-page .production-form{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .card-grid{grid-template-columns:1fr}
  .card{grid-template-columns:190px minmax(0,1fr)}
  .production-page .production-workbench{grid-template-columns:1fr}
  .production-page .production-stage{min-height:480px}
  .production-page .production-scenes,.production-page .production-controls{order:initial}
  .production-page .production-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .card{grid-template-columns:1fr}
  .card .preview{width:min(100%,220px);margin:0 auto}
  .production-page .production-scene-list{grid-template-columns:1fr 1fr}
  .production-page .production-form{display:flex}
}