html,body{height:100%;margin:0;overflow:hidden}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*,:before,:after{box-sizing:border-box}a{color:inherit}.app-shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;height:100vh;display:grid;overflow:hidden}.app-shell__toolbar{grid-column:1/-1}.app-shell__canvas{grid-area:2/1;min-width:0;min-height:0}.app-shell__panel{background-color:#fff;border-left:1px solid #11224114;flex-direction:column;grid-area:2/2;width:380px;transition:width .2s,opacity .2s;display:flex;overflow:hidden}.app-shell__panel--closed{opacity:0;pointer-events:none;border-left:none;width:0}.app-shell__statusbar{grid-column:1/-1}.panel-tabs{border-bottom:1px solid #11224114;flex-shrink:0;display:flex}.panel-tab{text-transform:uppercase;letter-spacing:.06em;text-align:center;color:#11224180;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s}.panel-tab:hover{color:#112241cc}.panel-tab--active{color:#112241;border-bottom-color:#e07830}.panel-content{flex:1;min-height:0;overflow:hidden}@media (max-width:900px){.app-shell__panel{width:320px}}@media (max-width:640px){.app-shell__panel{z-index:20;width:100%;position:fixed;top:50px;bottom:26px;right:0;box-shadow:-4px 0 16px #1122411f}}