:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8ebf1;background:#15181e;font-family:Figtree,system-ui,sans-serif}body{height:100vh;margin:0;overflow:hidden}#root,.app{height:100%}.app{flex-direction:column;display:flex}.toolbar{background:#1d2129;border-bottom:1px solid #2c323d;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.toolbar button,.side button{color:#e8ebf1;cursor:pointer;background:#2a303b;border:1px solid #3a4150;border-radius:6px;padding:6px 10px}.toolbar button:hover,.side button:hover{border-color:#ff6b35}.sep{background:#3a4150;width:1px;height:20px}.sel{opacity:.8;margin-left:auto}.panes{flex:1;grid-template-columns:1fr 340px;min-height:0;display:grid}.workbench{min-width:0;min-height:0}.workbench canvas{width:100%;height:100%;display:block}.side{border-left:1px solid #2c323d;padding:12px;overflow:auto}.side h3{color:#ff6b35;margin:12px 0 6px;font-size:14px}.block{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.block input{color:#e8ebf1;background:#101318;border:1px solid #3a4150;border-radius:4px;width:64px;padding:4px}.row{gap:6px;display:flex}.code{white-space:pre;background:#0c0e12;border-radius:6px;padding:10px;font:12px/1.5 JetBrains Mono,monospace;overflow:auto}@media (width<=900px){.panes{grid-template-rows:60vh 1fr;grid-template-columns:1fr}.side{border-top:1px solid #2c323d;border-left:0}}.toolbar button.on,.side .tabs button.on,.go{border-color:#ff6b35}.toolbar button:disabled,.side button:disabled{opacity:.45;cursor:default}.toolbar .brand,.lhead .brand{color:#ff6b35;font-weight:700;text-decoration:none}.go{font-weight:700;color:#15181e!important;background:#ff6b35!important}.go.stop{color:#fff!important;background:#b33a3a!important}select,.props input,.wireform select{color:#e8ebf1;background:#101318;border:1px solid #3a4150;border-radius:4px;padding:5px}.stage{min-width:0;min-height:0;display:flex;position:relative}.stage .workbench{flex:1}.props{background:#1d2129cc;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex;position:absolute;bottom:12px;left:12px}.props input{margin-left:6px}.tabs{gap:4px;margin-bottom:8px;display:flex}.tabs button{color:#e8ebf1;cursor:pointer;background:#2a303b;border:1px solid #3a4150;border-radius:6px;flex:1;padding:6px}.palette{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{cursor:grab;background:#2a303b;border:1px dashed #ff6b35;border-radius:6px;padding:6px 8px;font-size:13px}.dropzone{border:1px solid #2c323d;border-radius:8px;min-height:120px;padding:6px}.block{cursor:grab;background:#20252e;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;padding:6px;display:flex}.grip{opacity:.5}.wireform{grid-template-columns:minmax(0,1fr) 84px;gap:6px;display:grid}.wireform select{width:100%;min-width:0}.wireform button{grid-column:span 2}.wires{margin:10px 0;padding:0;font-size:13px;list-style:none}.wires li{border-bottom:1px solid #2c323d;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.err{color:#ff8a80;font-size:13px}.muted{opacity:.65;font-size:13px}.landing{height:100%;min-height:100%;padding:0 16px;overflow:auto}.lhead{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:16px 0;display:flex}.landing .btn{color:#15181e;background:#ff6b35;border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none}.landing .btn.big{padding:14px 22px;font-size:18px}.hero{max-width:1080px;margin:40px auto 24px}.hero h1{margin:0 0 16px;font-size:clamp(30px,5vw,56px);line-height:1.1}.hero p{opacity:.85;max-width:680px;font-size:18px}.cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;max-width:1080px;margin:32px auto;display:grid}.grid article{background:#1d2129;border:1px solid #2c323d;border-radius:10px;padding:16px}.grid h3{color:#ff6b35;margin:0 0 6px}.landing footer{text-align:center;padding:24px 0}@media (width<=900px){.stage{min-height:50vh}}.authform{gap:8px;margin-top:8px;display:grid}.authform input{color:#e8ebf1;background:#101318;border:1px solid #3a4150;border-radius:4px;padding:7px}.side .tabs{gap:4px;display:flex}.linkbtn{color:#ff6b35;cursor:pointer;text-align:left;background:0 0;border:0;padding:4px 0}.danger{margin-top:12px}.danger input{color:#e8ebf1;box-sizing:border-box;background:#101318;border:1px solid #3a4150;border-radius:4px;width:100%;margin:6px 0;padding:6px}