*{
box-sizing:border-box;
}

body{
margin:0;
font-family:'Segoe UI',sans-serif;
background:radial-gradient(circle at top,#0f172a,#020617);
color:#fff;
}

.app-shell{
min-height:100vh;
}

.main-panel{
margin-left:280px;

min-height:calc(100vh - 78px);

display:flex;
flex-direction:column;

padding:50px;
}

.feature-panel{
display:none;
}

.active-panel{
display:block;
}

.feature-dock{
position:fixed;
left:320px;
right:30px;
bottom:70px;

display:flex;
gap:12px;

padding:16px 20px;

border-radius:22px;
background:rgba(17,24,39,.92);
backdrop-filter:blur(16px);
}

.feature-dock button{
padding:12px 18px;
border:none;
border-radius:14px;
background:#1e293b;
color:#fff;
}

.site-footer{
position:fixed;
left:0;
right:0;
bottom:0;
height:55px;
display:flex;
align-items:center;
justify-content:center;
background:#020617;
}