/* One active template category at a time. The left workbench stays fixed. */
@media(min-width:761px){
  html body.workspace-readable .studio-stage{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
}
html body.workspace-readable .template-gallery-title>div>small{display:block;margin-top:5px;color:#8ba8bd!important;font-size:11px!important;font-weight:700;letter-spacing:.02em!important}
html body.workspace-readable .template-browser{display:grid;gap:14px;min-height:0}
html body.workspace-readable .template-section-strip,
html body.workspace-readable .template-category-strip{display:flex;align-items:center;gap:8px;min-width:0;padding:3px 0 5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(65,157,188,.24) transparent}
html body.workspace-readable .template-section-strip{margin:0;border-bottom:1px solid rgba(129,187,211,.10)}
html body.workspace-readable .template-category-strip{margin:0}
html body.workspace-readable .template-section-strip button,
html body.workspace-readable .template-category-strip button{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:32px;padding:5px 12px;border:1px solid rgba(106,184,211,.10);border-radius:999px;background:rgba(112,171,194,.055);color:#91a8ba;font-size:11px;font-weight:750;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
html body.workspace-readable .template-section-strip button{border-radius:9px;padding:7px 13px}
html body.workspace-readable .template-section-strip button small,
html body.workspace-readable .template-category-strip button small{color:#6f8ca2;font-size:9px;font-weight:800}
html body.workspace-readable .template-section-strip button:hover,
html body.workspace-readable .template-category-strip button:hover{color:#e8f7ff;background:rgba(68,167,193,.12);transform:translateY(-1px)}
html body.workspace-readable .template-section-strip button.active,
html body.workspace-readable .template-category-strip button.active{border-color:rgba(76,226,222,.25);background:linear-gradient(135deg,rgba(12,112,183,.48),rgba(15,186,174,.34));color:#f4fdff;box-shadow:0 7px 20px rgba(0,0,0,.13),0 0 18px rgba(41,205,206,.09)}
html body.workspace-readable .template-section-strip button.active small,
html body.workspace-readable .template-category-strip button.active small{color:#bff9f3}
html body.workspace-readable .template-section{position:relative;margin-top:0!important;padding-top:0!important}
html body.workspace-readable .template-current-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 12px;padding:0!important;border:0!important}
html body.workspace-readable .template-current-heading h4{margin:0;color:#effaff;font-size:16px}
html body.workspace-readable .template-current-heading small{display:block;margin-top:4px;color:#7898ad;font-size:10px;font-weight:700}
html body.workspace-readable .template-section.category-filtered .template-card:nth-child(n){display:block!important}
html body.workspace-readable .template-card.real-template .template-thumb{min-height:0;background:rgba(5,25,43,.22)!important}
html body.workspace-readable .template-card.real-template .template-thumb>img{position:relative;z-index:1;display:block!important;width:100%!important;height:100%!important;background:rgba(2,16,28,.18);object-fit:contain!important;opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important}
html body.workspace-readable .template-browser .template-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important;gap:18px 14px!important}
html body.workspace-readable .template-browser .template-thumb{aspect-ratio:4/3!important;padding:6px!important}
html body.workspace-readable .template-browser .template-card>b{font-size:11px!important;line-height:1.35!important}
html body.workspace-readable .template-scene-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;padding:7px;border:1px solid rgba(99,190,213,.14);border-radius:14px;background:rgba(3,20,35,.52)}
html body.workspace-readable .template-scene-pair i{position:relative;display:block;min-width:0;overflow:hidden;border-radius:9px;background:#0b2234;font-style:normal}
html body.workspace-readable .template-scene-pair img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
html body.workspace-readable .template-scene-pair small{position:absolute;z-index:2;left:5px;top:5px;padding:3px 6px;border-radius:999px;color:#eaffff;background:rgba(1,20,31,.72);font-size:8px;font-weight:800;backdrop-filter:blur(6px)}
html body.workspace-readable .application-scene-card>b{display:block;padding:8px 4px 2px;color:#eafaff;font-size:12px!important;text-align:left}
html body.workspace-readable .template-load-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 0 4px}
html body.workspace-readable .template-load-more button{min-height:38px;padding:8px 22px;border:1px solid rgba(76,226,222,.28);border-radius:999px;background:linear-gradient(135deg,rgba(12,112,183,.48),rgba(15,186,174,.34));color:#f4fdff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 7px 20px rgba(0,0,0,.13)}
html body.workspace-readable .template-load-more small{color:#7898ad;font-size:10px;font-weight:700}
html body.workspace-readable .template-focus-scene{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px}
html body.workspace-readable .template-focus-scene figure{position:relative;overflow:hidden;margin:0;border-radius:14px;background:#071b2b}
html body.workspace-readable .template-focus-scene img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain}
html body.workspace-readable .template-focus-scene figcaption{position:absolute;z-index:2;left:9px;top:9px;padding:5px 9px;border-radius:999px;color:#fff;background:rgba(0,24,38,.76);font-size:10px;font-weight:850}
html body.workspace-readable .template-focus-scene>span{color:#75e6df;font-size:22px;text-align:center}
html body.workspace-readable .template-focus-prompt{margin-top:14px;padding:14px;border:1px solid rgba(89,203,208,.16);border-radius:14px;color:#cfe8f2;background:rgba(5,30,45,.65);text-align:left}
html body.workspace-readable .template-focus-prompt b{display:block;margin-bottom:7px;color:#f1ffff;font-size:12px}
html body.workspace-readable .template-focus-prompt p{margin:0;font-size:11px;line-height:1.7;white-space:pre-wrap}
@media(min-width:761px){
  html body.workspace-readable .template-browser .template-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:24px 20px!important}
  html body.workspace-readable .template-browser .template-card{align-self:start!important;padding:0!important}
  html body.workspace-readable .template-browser .template-thumb{height:auto!important;aspect-ratio:auto!important;padding:0!important;border-radius:12px!important}
  html body.workspace-readable .template-browser .template-card.real-template .template-thumb>img{height:auto!important;object-fit:contain!important}
}
@media(max-width:760px){
  html body.workspace-readable .template-section-strip button,html body.workspace-readable .template-category-strip button{min-height:30px;padding:5px 10px}
  html body.workspace-readable .template-current-heading h4{font-size:14px}
}