:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#17191f;color:#eee}
*{box-sizing:border-box}html,body{overflow:hidden}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#viewport{position:relative;flex:1;min-height:0;overflow:clip}#canvas{position:relative;transform-origin:top left;background:#17191f}
.node{position:absolute;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}
.node header{padding:2px 4px;overflow:hidden;white-space:nowrap}.node textarea{display:block;flex:1;min-height:0;width:100%;resize:none;border:0;border-radius:0;outline-offset:-2px}
button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:active{filter:brightness(1.2)}.graph-button{height:100%;width:100%;border-style:solid;touch-action:none}
.screen{flex:1;min-height:0;padding:4px;overflow:auto}.center-content{display:flex;flex-direction:column;justify-content:safe center}
footer{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:4px 8px;font-size:10px;min-height:24px;background:#20232b;color:#b5bdcc;flex-wrap:wrap}
#status{margin-left:auto}body.failed #status{color:#ff9b9b}footer button{font-size:12px}