.studio-body.has-pages{grid-template-columns:184px minmax(0,1fr) 332px}.pages-rail{background:#081114;border-right:1px solid #f2f6f41f;flex-direction:column;min-width:0;padding:18px 12px;display:flex}.pages-rail-heading{justify-content:space-between;align-items:center;padding:0 5px 15px;display:flex}.pages-rail-heading .eyebrow{color:#697471;margin:0 0 2px;font-size:8px}.pages-rail-heading strong{font-size:13px;font-weight:620}.pages-rail-heading>span{color:#929c99;min-width:23px;height:23px;font-family:var(--font-ibm-plex-mono), monospace;border:1px solid #f2f6f41f;border-radius:999px;place-items:center;font-size:9px;display:grid}.pages-list{gap:4px;display:grid}.pages-list>button{color:#929c99;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:4px;grid-template-columns:25px minmax(0,1fr) 13px;align-items:center;gap:8px;min-width:0;padding:9px 8px;transition:all .15s;display:grid}.pages-list>button:hover{color:#f2f6f4;background:#f2f6f40a}.pages-list>button.active{color:#f2f6f4;background:#d8ff0012;border-color:#d8ff003d}.page-status{color:#6f7a77;background:#0d181b;border:1px solid #f2f6f41f;border-radius:3px;place-items:center;width:25px;height:25px;display:grid}.page-status.ready{color:#d8ff00}.page-status.error{color:#ff8f8f}.page-status.building{color:#040d10;background:#d8ff00}.page-status svg,.page-check{width:12px;height:12px}.page-check{color:#d8ff00}.pages-list>button>span:nth-child(2){min-width:0;display:grid}.pages-list strong,.pages-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pages-list strong{font-size:10px;font-weight:580}.pages-list small{color:#65706d;font-family:var(--font-ibm-plex-mono), monospace;margin-top:2px;font-size:8px}.build-pages-button{color:#d8ff00;text-align:left;cursor:pointer;background:#d8ff000f;border:1px solid #d8ff0038;border-radius:4px;align-items:center;gap:9px;margin-top:auto;padding:10px;display:flex}.build-pages-button:hover{background:#d8ff001c}.build-pages-button>svg{flex:none;width:15px}.build-pages-button span{display:grid}.build-pages-button strong{font-size:9px}.build-pages-button small{color:#7e8986;margin-top:2px;font-size:8px}@media (max-width:1180px){.studio-body.has-pages{grid-template-columns:164px minmax(0,1fr) 300px}}@media (max-width:900px){.studio-body.has-pages{grid-template-columns:1fr}.pages-rail{border-bottom:1px solid #f2f6f41f;border-right:0;padding:11px 12px}.pages-rail-heading{display:none}.pages-list{padding-bottom:2px;display:flex;overflow-x:auto}.pages-list>button{min-width:146px}.build-pages-button{display:none}}