.main{height:100vh;min-width:0;padding:10px 12px 0;display:grid;grid-template-rows:58px minmax(0,1fr) 38px;gap:10px;overflow:hidden}
.topbar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start;border-bottom:1px solid var(--line);padding:0 0 8px;overflow:hidden}
.brand h1{margin:0;font-size:27px;line-height:1;font-weight:900;letter-spacing:-.05em}
.brand h1 span,.footer span{color:var(--purple2)}
.brand p{margin:3px 0 0;color:var(--muted);font-size:12px}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.workspace{height:100%;min-height:0;display:grid;grid-template-columns:330px minmax(560px,1fr) 330px;gap:10px;overflow:hidden}
.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(12,23,40,.92),rgba(5,11,20,.82));border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.watchlist-panel,.live-prices-panel{height:100%;min-height:0;padding:12px;overflow:hidden}
.center-panel{height:100%;min-height:0;display:grid;grid-template-rows:76px minmax(0,1fr) 108px;gap:10px;overflow:hidden}
.controls-panel{height:76px;padding:12px;display:grid;grid-template-columns:150px minmax(240px,1fr) 125px auto;gap:12px;align-items:end;overflow:hidden}
.footer{height:38px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;border-top:1px solid var(--line);overflow:hidden}
.workspace.compact{grid-template-columns:300px minmax(500px,1fr) 300px}
.workspace.wide-chart{grid-template-columns:300px minmax(700px,1fr)}
.workspace.wide-chart .live-prices-panel{display:none}

.topbar-actions .btn.icon{flex:0 0 39px}

.brand{
  grid-column:2;
  text-align:center;
  justify-self:center;
}
.brand h1{
  font-size:26px;
  letter-spacing:.03em;
}
.brand p{
  text-align:center;
  font-size:12px;
}
.topbar-actions{
  grid-column:3;
  justify-self:end;
}