*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,serif;background:#f8f8f8;color:#111;height:100vh;display:flex;flex-direction:column;overflow:hidden}#nav{display:flex;align-items:center;height:44px;background:#fff;border-bottom:1px solid #e0e0e0;padding:0 24px;gap:32px;flex-shrink:0}.nav-toggle{font-family:Courier New,Courier,monospace;font-size:11px;letter-spacing:.1em;cursor:pointer;color:#aaa;border:none;background:none;padding:0 0 3px;border-bottom:2px solid transparent;transition:color .15s}.nav-toggle:hover{color:#111}.nav-toggle--active{color:#111;border-bottom-color:#111}.nav-sep{width:1px;height:16px;background:#e0e0e0;flex-shrink:0;align-self:center}#app{display:flex;flex:1;overflow:hidden}#view-container{flex:1;position:relative;overflow:hidden}#panel{width:280px;flex-shrink:0;background:#fff;border-left:1px solid #e0e0e0;overflow-y:auto;padding:20px}canvas{display:block}