:root{color-scheme:light dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#fafafa;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:88px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:20px}.brand span{color:#777;font-size:15px;border-left:1px solid #ddd;padding-left:14px}main{max-width:1600px;margin:auto;padding:36px 48px}h1{font-size:24px;font-weight:600;letter-spacing:-.7px;margin:0 0 12px}p,.hint{color:#767676}.heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 26px}button,input,select{font:inherit;color:inherit;background:#fff;border:1px solid #ddd;border-radius:6px;padding:9px 12px}button{cursor:pointer;font-weight:500}button:hover{background:#f2f2f2}button:disabled{opacity:.5;cursor:wait}input:focus,button:focus-visible,select:focus{outline:2px solid #777;outline-offset:2px}.toolbar{padding:20px;border:1px solid #e5e5e5;background:#fff;border-radius:8px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.toolbar #q{flex:1;min-width:180px}.toolbar label{font-size:12px;display:flex;align-items:center;gap:6px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}.actions label{margin:0 12px}.hint{font-size:12px}#connection{font-size:12px;color:#777}#connection[data-state=online]{color:#21804b}#terminal{height:60vh;min-height:300px;overflow:auto;position:relative;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-family:Consolas,"Cascadia Code",monospace;font-size:12px}#canvas{position:relative;min-width:100%}.line{position:absolute;left:0;height:30px;line-height:30px;padding:0 16px;white-space:pre;min-width:100%;border-bottom:1px solid #f5f5f5}.INFO{color:#238551}.WARNING{color:#a87300}.ERROR{color:#d33636}#login{max-width:380px;margin:10vh auto}#login label{display:flex;flex-direction:column;gap:8px;margin:20px 0}#login button{width:100%;background:#171717;color:#fff}#login-error{color:#d33636}footer{padding:24px;text-align:center;color:#888;font-size:12px}footer a{color:inherit}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{color:#ededed;background:#111}header,.toolbar,#terminal,input,select,button{background:#181818;border-color:#333}.line{border-color:#222}button:hover{background:#292929}p,.hint{color:#aaa}.INFO{color:#51c285}.WARNING{color:#e5b84e}.ERROR{color:#ff7171}}@media(max-width:760px){header{padding:0 18px}main{padding:26px 18px}.toolbar>*{max-width:100%}.brand{font-size:17px}}