*{box-sizing:border-box}body{margin:0;background:#10131a;color:#e8edf5;font-family:system-ui,-apple-system,Segoe UI,sans-serif;height:100vh;overflow:hidden}header{height:52px;display:flex;gap:8px;align-items:center;padding:8px 10px;background:#171c25;border-bottom:1px solid #2a3342}header b{margin-right:8px}button,select,input{background:#202735;color:#e8edf5;border:1px solid #39465a;border-radius:6px;padding:7px}header input{width:150px}main{display:grid;grid-template-columns:220px 1fr;height:calc(100vh - 52px)}aside{padding:12px;background:#141922;border-right:1px solid #2a3342;overflow:auto}aside small{line-height:1.45;color:#aab5c6}section{display:grid;grid-template-rows:minmax(0,1fr) 260px;min-width:0}.bottom{display:grid;grid-template-columns:1fr 1.4fr;border-top:1px solid #2a3342;min-height:0}.bottom>div{padding:8px;min-width:0}.bottom>div+div{border-left:1px solid #2a3342}h3{margin:3px 0 8px;font-size:14px;color:#aab5c6}textarea{width:100%;height:100%;resize:none;border:0;outline:0;background:#0d1016;color:#e9eef7;padding:18px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}pre{height:205px;overflow:auto;background:#0b0e13;border:1px solid #252d3b;padding:10px;white-space:pre-wrap}.treefile{padding:7px;border-radius:5px;cursor:pointer}.treefile.active{background:#293448}.blockbar{padding:8px;background:#171c25;border-bottom:1px solid #2a3342}.blockbar button{margin-right:5px}.block{margin:10px;padding:10px;border-left:4px solid #718096;background:#1b2230;border-radius:6px}.block input{width:150px}.nested{margin-left:20px;border-left:1px dashed #56647a;padding-left:8px}canvas{width:100%;height:205px;background:#07090d;border:1px solid #252d3b;outline:none}