#btn-sb-left-open,#btn-sb-right-open,.sb-close-btn,.sb-overlay,#mob-bar{display:none}@media (min-width: 1200px){#btn-sb-left-open{display:inline-flex;flex-shrink:0}#app.sb-left-collapsed{grid-template-columns:0 1fr var(--sr-w)}#app.sb-left-collapsed #sidebar-left{display:none}#btn-sb-right-open{display:inline-flex;flex-shrink:0}#app.sb-right-collapsed{grid-template-columns:var(--sb-w) 1fr 0}#app.sb-right-collapsed #sidebar-right{display:none}#app.sb-left-collapsed.sb-right-collapsed{grid-template-columns:0 1fr 0}}@media (min-width: 768px) and (max-width: 1199px){#app{grid-template-columns:1fr;grid-template-rows:52px 1fr 26px;grid-template-areas:"header" "canvas" "status"}#header{height:52px;padding:0 10px;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}#header::-webkit-scrollbar{display:none}#btn-sb-left-open,#btn-sb-right-open{display:inline-flex;flex-shrink:0}#app.sb-left-open #btn-sb-left-open{display:none}#sidebar-left,#sidebar-right{position:fixed;top:52px;bottom:26px;z-index:150;transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:0 0 40px #0000008c;overflow:visible}#sidebar-left{left:0;width:min(300px,85vw);border-right:1px solid var(--brd2);border-left:none;transform:translate(-100%);border-radius:0 var(--r) var(--r) 0}#sidebar-right{right:0;width:min(280px,82vw);border-left:1px solid var(--brd2);border-right:none;transform:translate(100%);border-radius:var(--r) 0 0 var(--r)}#app.sb-left-open #sidebar-left,#app.sb-right-open #sidebar-right{transform:translate(0)}.sb-overlay{display:block;position:fixed;inset:52px 0 26px;z-index:140;background:#00000073;opacity:0;pointer-events:none;transition:opacity .28s}#app.sb-left-open .sb-overlay,#app.sb-right-open .sb-overlay{opacity:1;pointer-events:auto}.sb-close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;margin-left:auto;background:none;border:1px solid transparent;border-radius:var(--r);color:var(--txd);font-size:14px;cursor:pointer;transition:color var(--tr),background var(--tr),border-color var(--tr)}.sb-close-btn:hover{color:var(--acc3);background:#ff50501a;border-color:#ff505040}.sr-close-wrap{display:flex;align-items:center;justify-content:flex-end;padding:6px 10px;border-bottom:1px solid var(--brd);flex-shrink:0}#sl-resize-x,#sr-resize-x{display:none}#mob-bar{display:none!important}}