/* Baby AEGIS Studio V2 — premium visual workspace */
#studio-modal.open{display:flex!important}
.aegis-nav-studio{color:#fff!important}
.aegis-nav-studio span{font-weight:760}
.aegis-project-chip{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,rgba(244,114,182,.12),rgba(167,139,250,.09));border:1px solid rgba(244,114,182,.26);border-radius:10px;padding:6px 9px;max-width:min(520px,100%)}
.aegis-project-chip b{font-size:12px;color:var(--txt);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aegis-project-chip small{font-size:10px;color:var(--dimmer);white-space:nowrap}.aegis-project-chip button{margin-left:auto;border:0;background:transparent;color:var(--dimmer);font-size:17px;cursor:pointer}
.studio-v2-header{gap:12px!important;min-height:58px;flex-wrap:wrap;position:relative;z-index:3}
.studio-v2-body{min-height:0}
.studio-v2-console-panel{background:linear-gradient(180deg,#090613,#040308)!important}
.studio-v2-preview-panel{position:relative;min-width:0;background:radial-gradient(circle at 50% 10%,rgba(167,139,250,.08),transparent 34%),#08070d!important}
.studio-device-bar{height:42px;flex:0 0 42px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid var(--bdr);background:rgba(8,6,15,.94);z-index:2}
.studio-device-bar>span{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--dimmer);margin-right:3px}.studio-device-bar button{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:var(--dim);font:700 10.5px/1 Inter,sans-serif;padding:6px 9px;border-radius:7px;cursor:pointer}.studio-device-bar button.active{color:#fff;border-color:rgba(244,114,182,.42);background:linear-gradient(135deg,rgba(244,114,182,.17),rgba(167,139,250,.15))}.studio-device-bar i{margin-left:auto;font-style:normal;font-size:10px;color:#86efac;white-space:nowrap}
#studio-preview-wrap{overflow:auto!important;padding:16px!important;align-items:stretch!important;justify-content:center!important;transition:all .2s ease}
#studio-preview{display:block;min-height:100%;box-shadow:0 24px 70px rgba(0,0,0,.45);border-radius:12px;transition:width .2s ease,max-width .2s ease;border:1px solid rgba(255,255,255,.12)!important}
#studio-preview-wrap[data-device="phone"] #studio-preview{width:390px!important;max-width:100%!important;flex:none!important;margin:0 auto}
#studio-preview-wrap[data-device="tablet"] #studio-preview{width:768px!important;max-width:100%!important;flex:none!important;margin:0 auto}
#studio-preview-wrap[data-device="desktop"] #studio-preview{width:100%!important;max-width:1440px!important;flex:1!important;margin:0 auto}
#studio-console{scrollbar-width:thin;scrollbar-color:rgba(244,114,182,.35) transparent}
#studio-run-btn{min-width:88px}
.baby-settings-signout button{border-color:rgba(248,113,113,.28)!important;color:#fca5a5!important;background:rgba(248,113,113,.07)!important}
@media(max-width:860px){
 #studio-modal{background:#07050b!important;backdrop-filter:none!important}
 .studio-v2-header{padding:9px 10px!important;min-height:54px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;background:#090711!important}.studio-v2-header::-webkit-scrollbar{display:none}
 .studio-v2-header>div:first-child{min-width:max-content!important}.studio-v2-header>div:first-child>div:last-child{display:none!important}
 .studio-v2-header>div:last-child{min-width:max-content!important;gap:5px!important}.studio-v2-header input#studio-slug{width:68px!important}
 .studio-v2-header button{min-height:34px!important}
 .studio-v2-body{flex-direction:column!important;overflow:hidden!important}
 .studio-v2-preview-panel{order:1!important;flex:1 1 62%!important;min-height:0!important;width:100%!important}
 .studio-v2-console-panel{order:2!important;width:100%!important;flex:0 0 38%!important;min-height:220px!important;max-height:42vh!important;border-right:0!important;border-top:1px solid var(--bdr)!important}
 #studio-console{padding:10px 12px!important;min-height:0!important}
 .studio-v2-console-panel>div:last-child{padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}
 #studio-input{min-height:46px!important;max-height:92px!important;font-size:14px!important}
 .studio-device-bar{height:40px;flex-basis:40px;padding:0 8px;position:sticky;top:0}.studio-device-bar>span{display:none}.studio-device-bar button{padding:6px 8px}.studio-device-bar i{font-size:9px}
 #studio-preview-wrap{padding:8px!important}
 #studio-preview{border-radius:10px!important}
 #studio-preview-wrap[data-device="phone"] #studio-preview{width:390px!important}
 #studio-preview-wrap[data-device="tablet"] #studio-preview{width:768px!important}
 #studio-code-body{padding:12px!important;font-size:11px!important}
}
@media(max-width:520px){
 .studio-v2-header>div:last-child>div[style*="beeasyos.com/sites"],.studio-v2-header #studio-view-code{display:none!important}
 .studio-v2-header #studio-publish-btn{padding:5px 9px!important}.studio-v2-header button[onclick="studioDownload()"],.studio-v2-header button[onclick="studioNew()"]{padding:5px 8px!important;font-size:10px!important}
 .studio-v2-console-panel{flex-basis:40%!important;max-height:44vh!important}
 .aegis-project-chip small{display:none}
}