.header-tools{display:flex;gap:14px;align-items:center}.layout-switch{display:flex;gap:3px;align-items:center;padding:4px;border:1px solid var(--border);border-radius:5px;background:#101722}.layout-switch button{padding:5px 7px;font-size:10px;border-color:transparent}.layout-switch button[aria-pressed=true]{color:#e5edf7;border-color:#566479;background:#263244}.layout-status{font-size:9px;color:var(--muted);letter-spacing:.2px;text-align:right;margin-top:4px}.layout-controls{flex-shrink:0}
body.layout-mobile header{height:auto;min-height:76px;max-width:600px;margin:auto;flex-wrap:wrap;gap:15px;padding:17px 18px}body.layout-mobile .brand{font-size:20px}body.layout-mobile .brand small{font-size:7px}body.layout-mobile nav{gap:20px;font-size:11px;flex-wrap:wrap}body.layout-mobile .readonly{display:none}body.layout-mobile main{max-width:600px;padding:22px 14px 15px}body.layout-mobile .intro{align-items:flex-start;gap:10px}body.layout-mobile h1{font-size:24px}body.layout-mobile .connection{max-width:44%}body.layout-mobile .connection small{font-size:9px}body.layout-mobile .summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 0;gap:20px 0}body.layout-mobile .summary>div{padding:0 13px;border-right:1px solid var(--border)}body.layout-mobile .summary>div:nth-child(even){border-right:0}body.layout-mobile .summary strong{font-size:15px}body.layout-mobile .summary .pair strong{font-size:20px}body.layout-mobile .summary small{font-size:9px}body.layout-mobile .workspace,body.layout-mobile .workspace.no-book{grid-template-columns:minmax(0,1fr)}body.layout-mobile .pricechart{height:320px}body.layout-mobile .chart-heading{gap:10px}body.layout-mobile .chart-heading small{max-width:55%;text-align:right}body.layout-mobile .indicators{gap:8px 12px}body.layout-mobile .drawing-toolbar{padding:8px 10px}body.layout-mobile .draw-modes{gap:4px}body.layout-mobile .details{grid-template-columns:1fr;gap:15px}body.layout-mobile .chart-footer,body.layout-mobile footer{flex-wrap:wrap}body.layout-mobile .book-rows{min-height:0;max-height:280px}body.layout-mobile .depthchart{height:170px}body.layout-mobile .notice{font-size:11px}body.layout-mobile .analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body.layout-mobile .analysis-metrics>div{padding:9px}body.layout-mobile .analysis-metrics strong{font-size:11px}body.layout-mobile .tool-panel{padding:8px 10px 15px}body.layout-mobile .tool-options{gap:10px}body.layout-mobile .tool-options input:not([type=checkbox]){max-width:145px}body.layout-mobile .analysis-tabs button{padding:12px 10px}body.layout-mobile .profile-row{grid-template-columns:100px minmax(20px,1fr) 85px;font-size:9px}body.layout-mobile .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.layout-mobile dialog{max-width:540px}body.layout-mobile #book-dialog{max-width:570px;padding:14px}body.layout-mobile .large-book-grid{grid-template-columns:1fr;gap:12px}body.layout-mobile .large-book-rows{height:32vh}body.layout-mobile .large-book-head,body.layout-mobile .large-book-row{font-size:9px}body.layout-mobile .terminal.focus-view .pricechart{height:55vh}
body.layout-desktop{min-width:1100px}body.layout-desktop header{height:86px;flex-wrap:nowrap;padding:0 3%;gap:15px}body.layout-desktop nav{gap:28px;font-size:13px}body.layout-desktop .readonly{display:inline-block}body.layout-desktop main{max-width:1860px;padding:30px 3% 15px}body.layout-desktop .intro{align-items:center;gap:20px}body.layout-desktop h1{font-size:30px}body.layout-desktop .connection{max-width:none}body.layout-desktop .summary{grid-template-columns:1.2fr repeat(5,minmax(0,1fr));padding:22px 6px;gap:0}body.layout-desktop .summary>div{padding:0 19px;border-right:1px solid var(--border)}body.layout-desktop .summary>div:last-child{border:0}body.layout-desktop .summary strong{font-size:16px}body.layout-desktop .summary small{font-size:10px}body.layout-desktop .workspace{grid-template-columns:minmax(0,1fr) 315px}body.layout-desktop .workspace.no-book{grid-template-columns:minmax(0,1fr)}body.layout-desktop .pricechart{height:360px}body.layout-desktop .analysis-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}body.layout-desktop .details{grid-template-columns:1fr 1.5fr;gap:8%}body.layout-desktop .terminal.focus-view .pricechart{height:55vh}
@media(max-width:760px){.header-tools{gap:8px}.layout-switch button{padding:6px 9px}body.layout-desktop .layout-controls{position:fixed;bottom:12px;left:12px;z-index:1100;border-radius:5px;padding:5px;background:#101722;box-shadow:0 2px 8px #0008}body.layout-desktop .layout-status{text-align:left}}
body.layout-mobile .toolbar button,body.layout-mobile .drawing-toolbar button{min-height:32px}body.layout-mobile .layout-switch button{min-height:32px}