*{box-sizing:border-box}body{color:#fff;background:#05070d;margin:0;font-family:Inter,system-ui}.shell{background:radial-gradient(circle at 20% 0,#00d8ff22,#0000 32%),radial-gradient(circle at 80% 0,#8b5cf622,#0000 32%),#05070d;grid-template-columns:280px 1fr;height:100vh;display:grid}aside{background:#070a13;border-right:1px solid #ffffff18;padding:14px;overflow:auto}.logo{align-items:center;gap:10px;margin:8px 0 18px;font-size:18px;font-weight:900;display:flex}.logo svg{color:#00d8ff}button,.upload{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff18;border-radius:12px;align-items:center;gap:8px;margin:4px;padding:10px 12px;font-weight:800;display:inline-flex}button:hover,.upload:hover{background:#ffffff1d}.upload input{display:none}.search{background:#ffffff0e;border:1px solid #ffffff18;border-radius:12px;align-items:center;gap:8px;margin:12px 4px;padding:8px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.tree div{color:#cbd5e1;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px;display:flex}.tree div:hover,.tree .sel{color:#fff;background:#00d8ff18}main{flex-direction:column;min-width:0;display:flex}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070a13cc;border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;height:62px;padding:10px 14px;display:flex}nav{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.workspace{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.editor,.right{min-width:0;min-height:0}.editor textarea{resize:none;color:#dff8ff;background:#080c18;border:0;outline:0;width:100%;height:100%;padding:20px;font:14px/1.55 ui-monospace,Menlo,Consolas,monospace}.right{background:#0b1020;border-left:1px solid #ffffff18;overflow:auto}.right iframe{background:#fff;border:0;width:100%;height:100%}.outputs{flex-direction:column;height:100%;display:flex}.tabs{border-bottom:1px solid #ffffff18;padding:10px}.tabs .on{background:linear-gradient(135deg,#00d8ff,#8b5cf6)}pre{white-space:pre-wrap;word-break:break-word;color:#dff8ff;margin:0;padding:18px;font:13px/1.55 ui-monospace,Menlo,Consolas,monospace}.term{background:#030712;flex-direction:column;height:100%;display:flex}.term pre{color:#c7f9ff;flex:1}.term form{border-top:1px solid #ffffff18;align-items:center;gap:8px;padding:12px;display:flex}.term input{color:#fff;background:0 0;border:0;outline:0;flex:1;font:14px ui-monospace}.prov{padding:22px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0;display:grid}.cards div{background:#ffffff10;border:1px solid #ffffff18;border-radius:18px;align-items:center;gap:10px;padding:18px;display:flex}@media (width<=980px){.shell{grid-template-columns:1fr}aside{height:230px}.workspace{grid-template-columns:1fr}.right{border-top:1px solid #ffffff18;border-left:0;height:520px}header{flex-direction:column;align-items:flex-start;gap:10px;height:auto}}