*{box-sizing:border-box}#__next,body,html{width:100%;overflow-x:hidden}body{font-family:sans-serif;margin:0;padding:0;background-color:#f8f8f8}.page-root{width:100%}.page-title{margin:0;padding:1rem;text-align:center;font-size:clamp(1.25rem,3vw,2rem);line-height:1.3}.orderbook-layout{display:flex;width:100%;min-height:calc(100vh - 72px);color:#fff;background:#111}.orderbook-layout.theme-light{color:#111;background:#fafafa}.orderbook-controls{width:280px;flex-shrink:0;padding:1rem;border-right:1px solid gray;display:flex;flex-direction:column;gap:.65rem}.orderbook-controls h2{margin:0 0 .25rem}.control-label{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;line-height:1.3}.control-input,.control-select{width:100%}.control-checkbox{flex-direction:row;align-items:center;gap:.5rem}.camera-controls{display:flex;flex-direction:column;gap:.5rem;font-size:.95rem}.camera-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.camera-buttons button{flex:1 1 78px;min-height:2rem}.orderbook-canvas-wrap{position:relative;flex:1 1;min-height:460px}.orderbook-canvas-wrap canvas{width:100%!important;height:100%!important;display:block}.orderbook-chart-overlay{position:absolute;top:1rem;right:1rem;width:min(320px,42%);height:210px;background:rgba(0,0,0,.55);padding:10px;border-radius:8px}@media (max-width:1024px){.orderbook-layout{flex-direction:column;min-height:auto}.orderbook-controls{width:100%;border-right:0;border-bottom:1px solid gray}.orderbook-canvas-wrap{min-height:clamp(380px,56vh,600px)}}@media (max-width:640px){.page-title{padding:.75rem}.orderbook-controls{padding:.85rem;gap:.6rem}.camera-controls,.control-label{font-size:.9rem}.camera-buttons button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.5rem)}.orderbook-canvas-wrap{min-height:clamp(320px,52vh,460px)}.orderbook-chart-overlay{top:auto;bottom:.5rem;right:.5rem;width:min(130px,38%);height:80px;padding:3px;background:rgba(0,0,0,.4)}}