#adminPanel { min-width:0; }
#adminPanel > h1 { font-size:28px; margin:24px 0 12px; }
#puffyHost { min-width:0; }
#puffyHost iframe { display:block; width:100%; height:300px; border:0; }
.puffy-ready { height:100dvh; display:flex; flex-direction:column; overflow:hidden; }
.puffy-ready > .topbar { flex-shrink:0; }
.puffy-ready .admin-topbar .nav { min-height:52px; gap:12px; }
@media(max-width:430px){ .puffy-ready .admin-topbar .nav { padding:0 8px; } .puffy-ready .admin-topbar .brand { font-size:15px; white-space:nowrap; } .puffy-ready .admin-topbar .brand small { font-size:9px; } .puffy-ready .admin-topbar .nav>a:last-child { font-size:13px; white-space:nowrap; } }
.puffy-ready > main.wrap { flex:1; min-height:0; width:100%; max-width:1400px; box-sizing:border-box; padding:8px; }
.puffy-ready #adminPanel { height:100%; display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:4px; }
.puffy-ready #adminPanel > h1 { font-size:20px; margin:0; }
.puffy-ready #adminPanel > p:not(#puffyStatus) { display:none; }
.puffy-ready #puffyStatus { font-size:11px; line-height:1.3; margin:0; }
.puffy-ready #puffyHost { min-height:0; }
.puffy-ready #puffyHost iframe { height:100%; }