html,body,#root{height:100%;margin:0}.panoramic-ui{height:100%}body{font:14px/1.5 Arial,Microsoft YaHei,sans-serif}.web-shell{background:#1a1a1a;flex-direction:column;height:100%;display:flex}.web-navigation{box-sizing:border-box;color:#c9c9c9;background:#202020;border-bottom:1px solid #343434;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px 20px;min-height:42px;padding:8px 20px;display:flex}.web-navigation a{color:inherit;text-decoration:none}.web-navigation a:hover{color:#fff}.web-navigation .web-brand{color:#fff;font-weight:600}.web-demo-label{color:#aaa;font-size:12px}.studio-root{flex:1;min-height:0}.web-loading{color:#71839f;background:#f5f9ff;place-items:center;display:grid;position:fixed;inset:0}.web-not-found{padding:40px}@media (width<=820px){.studio-root{overflow:auto}.web-navigation{gap:8px 14px;padding:8px 12px}}