*{box-sizing:border-box;margin:0;padding:0}body{color:#eaeaea;background:#1a1a1a;font-family:Courier New,Courier,monospace;font-size:14px;overflow:hidden}#app{flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}#toolbar{background:#222;border-bottom:1px solid #444;flex-shrink:0;gap:4px;padding:4px 8px;display:flex;overflow-x:auto}#toolbar .vp-btn{flex-shrink:0}.vp-btn{color:#aaa;cursor:pointer;background:#333;border:1px solid #555;border-radius:3px;padding:2px 8px;font-family:inherit;font-size:11px}.vp-btn.active{color:#fff;background:#444;border-color:#888}.vp-btn:hover{background:#555}#viewports{flex:1;display:flex;overflow:hidden}.viewport{border:1px solid #333;flex-direction:column;display:flex;overflow:hidden}.viewport.focused{border-color:#888}.viewport-main{flex:1}.viewport-side{min-height:80px}.viewport-title{color:#888;background:#2a2a2a;border-bottom:1px solid #333;padding:2px 8px;font-size:11px}.viewport-content{flex:1;padding:4px 8px;overflow-y:auto}.viewport-stack{border-left:1px solid #444;flex-direction:column;display:flex}.rich-line{min-height:1.3em}.heartbeat-red{color:#f66}.heartbeat-blue{color:#66f}#command-bar{background:#222;border-top:1px solid #444;align-items:center;padding:4px 8px;display:flex}.prompt{color:#888;margin-right:8px;font-weight:700}#cmd-input{color:#eaeaea;background:#1a1a1a;border:1px solid #444;outline:none;flex:1;padding:4px 8px;font-family:inherit;font-size:14px}#cmd-input:focus{border-color:#888}#status-bar{color:#666;background:#222;border-top:1px solid #333;padding:2px 8px;font-size:11px}.status-connected{color:#5f5}.status-connecting{color:#ff5}.status-disconnected{color:#f55}#login-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#login-box{text-align:center;background:#222;border:1px solid #555;border-radius:8px;width:320px;padding:32px}#login-title{color:#fff;margin-bottom:8px;font-size:20px}#login-subtitle{color:#aaa;margin-bottom:16px;font-size:13px}#login-name{color:#eaeaea;background:#1a1a1a;border:1px solid #444;border-radius:4px;width:100%;margin-bottom:8px;padding:8px;font-family:inherit;font-size:14px}#login-error{color:#f55;min-height:1.5em;font-size:12px}#login-btn{color:#fff;cursor:pointer;background:#446;border:1px solid #668;border-radius:4px;width:100%;margin-top:8px;padding:8px;font-family:inherit;font-size:14px}#login-btn:hover{background:#558}#login-btn:disabled{opacity:.5;cursor:default}#settings-btn{color:#aaa;cursor:pointer;background:#333;border:1px solid #555;border-radius:.25em;flex-shrink:0;margin-left:auto;padding:.2em .7em;font-family:inherit;font-size:.8em}#settings-btn:hover{background:#555}#settings-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#settings-box{text-align:center;background:#222;border:1px solid #555;border-radius:.5em;width:min(90vw,24em);padding:2em;position:relative}#settings-close-icon{cursor:pointer;background:0 0;border:none;width:1.5em;height:1.5em;padding:0;position:absolute;top:.5em;right:.5em}#settings-close-icon svg{fill:#aaa;width:100%;height:100%}#settings-close-icon:hover svg{fill:#fff}#dsl-token-btn,#settings-close-btn,#copy-token-btn{color:#fff;cursor:pointer;background:#446;border:1px solid #668;border-radius:.25em;width:100%;min-height:2.75em;margin-top:.5em;padding:.5em;font-family:inherit;font-size:1em}#dsl-token-btn:hover,#settings-close-btn:hover,#copy-token-btn:hover{background:#558}#dsl-token-btn:disabled{opacity:.5;cursor:default}#dsl-token-field{text-align:left;background:#1a1a1a;border:1px solid #444;border-radius:.25em;margin-top:.5em;padding:.5em}#session-token{word-break:break-all;color:#eaeaea;font-size:.85em;display:block}.no-viewports{color:#666;text-align:center;padding:20px}#logout-btn{color:#fff;cursor:pointer;background:#722;border:1px solid #933;border-radius:3px;flex-shrink:0;margin-left:8px;padding:2px 12px;font-family:inherit;font-size:11px}#logout-btn:hover{background:#933}@media (width<=768px){body{font-size:16px}#toolbar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;padding:6px 8px;overflow-x:auto}.vp-btn{flex-shrink:0;min-width:44px;min-height:36px;padding:6px 12px;font-size:13px}#viewports{flex-direction:column}.viewport-stack{border-top:1px solid #444;border-left:none;width:100%!important}.viewport-main{flex:1}.viewport-side{min-height:120px}#command-bar{padding:6px 8px}#cmd-input{min-height:40px;padding:8px 10px;font-size:16px}.prompt{font-size:16px}#status-bar{padding:4px 8px;font-size:12px}#login-box{width:90vw;max-width:360px;padding:24px 16px}#login-name{padding:10px;font-size:16px}#login-btn{min-height:44px;font-size:16px}#logout-btn{min-height:36px;padding:6px 16px;font-size:13px}}.mobile-single #viewports{flex-direction:column}.mobile-single .viewport{flex:1;display:none}.mobile-single .viewport.mobile-visible{display:flex}.mobile-single .viewport-stack{display:none}