@charset "UTF-8";
/* Multiple films keep independent media, duration, and asset shapes. */
.tool-cover-label { position:absolute; right:16px; bottom:16px; display:flex; gap:22px; align-items:center; padding:9px 13px; border:1px solid #c9e69b55; border-radius:4px; color:#ecf4dc; background:#0b2118d9; font-size:9px; letter-spacing:1.5px; }
.tool-cover-label > span { font-size:19px; }
.lab-page .workbench-feature h2 { font-size:30px; }
.lab-page .workbench-feature .experiment-cover { background:#0b1015; }
.lab-page .workbench-feature .experiment-cover img { object-fit:contain; }
.workbench-card-note { display:block; margin-top:14px; font-size:10px; color:#758b74; }
.workbench-display-status { font-size:10px; line-height:1.7; color:#748369; }
.workbench-page { padding-top:34px; }
.workbench-heading { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:35px; align-items:center; }
.workbench-heading .eyebrow { margin-bottom:13px; font-size:9px; letter-spacing:1.5px; }
.workbench-heading h1 { font-size:clamp(36px,4.1vw,58px); font-weight:650; line-height:1.3; letter-spacing:-2px; margin:0 0 19px; }
.workbench-intro { font-size:13px; line-height:1.95; color:#697b63; max-width:660px; margin:0; }
.workbench-seal { justify-self:end; padding:15px 25px; border-left:1px solid #aabf9055; color:#577745; font:10px/1.8 monospace; letter-spacing:3px; text-align:center; }
.workbench-seal i { font-size:25px; font-style:normal; color:#8fa839; }
.workbench-actions { display:flex; flex-wrap:wrap; align-items:center; gap:13px 20px; margin:26px 0 32px; }
.workbench-actions .button { padding:11px 18px; font-size:11px; min-height:44px; border-radius:4px; gap:20px; }
.workbench-actions .text-button { font-size:11px; }
.workbench-preview { display:block; width:100%; padding:0; background:#11221c; border:1px solid #324d3645; border-radius:11px; overflow:hidden; box-shadow:0 22px 55px #213a2712; }
.workbench-preview img { width:100%; aspect-ratio:16/9; object-fit:contain; }
.workbench-image-note { display:flex; justify-content:space-between; padding:13px 18px; border-top:1px solid #d8edb41c; color:#cad9bc; font-size:10px; background:#11221c; }
.workbench-features,.workbench-screens { margin-top:45px; }
.workbench-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.workbench-feature-grid section { padding:25px; border-top:2px solid #a4bd59; background:#fffdf799; }
.workbench-feature-grid section > span { font:10px/1.5 monospace; color:#7a9266; }
.workbench-feature-grid h3 { margin:16px 0 11px; font-size:20px; font-weight:600; }
.workbench-feature-grid p { font-size:12px; line-height:1.9; color:#6f7f66; margin:0; }
.workbench-screens .image-card { padding:8px; background:#fffdf7a6; border:1px solid #d5decd; border-radius:8px; }
.workbench-screens img { width:100%; aspect-ratio:16/9; object-fit:contain; }
.workbench-screens .image-caption { display:block; font-size:10px; padding:10px 3px 4px; }
.workbench-screens .image-card:first-child { grid-column:1 / -1; }
.workbench-screens .workbench-wide,.workbench-screens .workbench-canvas { grid-column:1 / -1; }
.workbench-screens .workbench-canvas img { aspect-ratio:auto; height:auto; }
.workbench-display-note { margin-top:35px; border:1px solid #c9d8b7; border-radius:8px; padding:24px; background:#e7eddbb3; }
.workbench-display-note strong { font-size:15px; font-weight:600; }
.workbench-display-note p { color:#67795e; font-size:12px; line-height:1.9; margin:9px 0 0; }
.lab-page .featured-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; }
.experiment-page .stills-section .image-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.stills-section .image-card { padding:8px; border:1px solid #dce2d4; border-radius:8px; background:#fffef8a6; }
.stills-section .image-card img { width:100%; aspect-ratio:16/9; object-fit:contain; border-radius:3px; }
.stills-section .image-caption { display:block; padding:10px 2px 3px; font-size:11px; color:#54624f; }
.experiment-page[data-asset-aspect="square"] .asset-grid.characters .image-card img,
.experiment-page[data-asset-aspect="square"] .asset-grid.props .image-card img { aspect-ratio:1; height:auto; max-height:none; object-fit:contain; }
.experiment-page[data-asset-aspect="native"] .asset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.experiment-page[data-asset-aspect="native"] .asset-grid .image-card img { aspect-ratio:auto; height:auto; max-height:none; object-fit:contain; }
.experiment-page[data-asset-aspect="native"] .asset-tabs { max-width:720px; }
.film-canvas-card { display:block; width:100%; padding:8px; border:1px solid #dce2d4; border-radius:8px; background:#fffef8a6; overflow:hidden; }
.film-canvas-visual { display:block; border-radius:4px; overflow:hidden; background:#101213; }
.film-canvas-card .film-canvas-visual img { display:block; width:100%; height:auto; max-height:650px; aspect-ratio:auto; object-fit:contain; background:#101213; }
.film-canvas-card:hover img { transform:none; }
.film-canvas-card .image-caption { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 8px 6px; font-size:11px; color:#54624f; }
.film-canvas-card .image-caption strong { font-weight:500; }
.film-canvas-card .image-caption > span { flex-shrink:0; font-size:10px; }
@media(max-width:760px) {
  .lab-page .workbench-feature h2 { font-size:25px; }
  .workbench-heading { grid-template-columns:1fr; gap:0; }
  .workbench-heading .eyebrow { font-size:8px; line-height:1.7; }
  .workbench-heading h1 { font-size:34px; line-height:1.4; letter-spacing:-1.5px; }
  .workbench-intro { font-size:11px; }
  .workbench-seal { display:none; }
  .workbench-actions { gap:10px 15px; margin:22px 0 25px; }
  .workbench-actions .button { padding:10px 14px; font-size:10px; gap:14px; }
  .workbench-actions .text-button { font-size:10px; }
  .workbench-image-note { font-size:8px; padding:10px 12px; }
  .workbench-feature-grid { grid-template-columns:1fr; gap:12px; }
  .workbench-feature-grid section { padding:20px; }
  .workbench-feature-grid h3 { font-size:18px; margin-block:12px 8px; }
  .workbench-feature-grid p { font-size:11px; }
  .workbench-features,.workbench-screens { margin-top:32px; }
  .workbench-screens .image-grid { grid-template-columns:1fr; gap:14px; }
  .workbench-display-note { padding:20px; }
  .lab-page .featured-grid { gap:24px; }
  .experiment-page .stills-section .image-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
  .stills-section .image-card { padding:6px; }
  .stills-section .image-caption { font-size:9px; line-height:1.7; padding-top:8px; }
  .experiment-page[data-asset-aspect="native"] .asset-grid { grid-template-columns:1fr; }
  .experiment-page[data-asset-aspect="native"] .asset-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .film-canvas-card { padding:6px; }
  .film-canvas-card .film-canvas-visual img { max-height:520px; }
  .film-canvas-card .image-caption { font-size:10px; gap:10px; padding:11px 3px 5px; }
  .film-canvas-card .image-caption > span { font-size:9px; }
}