*{box-sizing:border-box}body{margin:0;background:#101c21;color:#dce8e8;font:14px system-ui,sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{background:#24434a;color:#e4f2ef;border:1px solid #3d6268;border-radius:5px;padding:8px 12px}button:hover{background:#35616a}button.primary{background:#cfb175;color:#17242a;border-color:#cfb175}button:disabled{opacity:.4;cursor:default}input,select,textarea{min-width:0;background:#13272d;color:#e5f0f0;border:1px solid #375058;border-radius:4px;padding:7px}input[type=number]{width:100%}input[type=checkbox]{width:auto}a{color:#e4c38d}header{height:66px;border-bottom:1px solid #355057;display:flex;align-items:center;gap:20px;padding:0 22px;background:#13272c}header strong{font-size:20px;letter-spacing:2px}header small{color:#9eafae}header .spacer{flex:1}.brandmark{font-size:26px;color:#d7b378}.welcome{max-width:920px;margin:8vh auto;padding:30px}.welcome h1{font-size:44px;font-weight:400;max-width:600px}.muted{color:#9fb2b4}.login{display:grid;gap:13px;max-width:380px;margin-top:32px}.login label{display:grid;gap:5px}.toolbar{display:flex;gap:8px;align-items:center;padding:10px 16px;background:#15292f;border-bottom:1px solid #355057;flex-wrap:wrap}.toolbar .spacer{flex:1}.layout{display:grid;grid-template-columns:225px minmax(300px,1fr) 345px;height:calc(100vh - 172px)}aside{overflow:auto;background:#14262c;padding:12px;border-right:1px solid #355057}.properties{border-right:0;border-left:1px solid #355057}aside h3{font-size:11px;letter-spacing:1.6px;color:#98b0b3;text-transform:uppercase;margin:20px 0 9px}.tree{display:flex;flex-direction:column;gap:3px}.tree button{text-align:left;border-color:transparent;background:transparent;padding:7px}.tree button.selected{background:#2b474d;border-color:#75938a}.tree small{display:block;color:#93a8ad;font-size:10px}.stage{position:relative;background:#152b34;min-height:200px;overflow:hidden}.stage canvas{display:block;width:100%;height:100%}.stage-label{position:absolute;top:16px;left:18px;pointer-events:none;font-size:12px;color:#c5d8dc}.stage-label strong{font-size:18px;display:block;margin-bottom:5px}.stage-bottom{position:absolute;bottom:16px;left:18px;right:18px;display:flex;gap:8px;flex-wrap:wrap}.field{display:grid;grid-template-columns:minmax(95px,1fr) minmax(80px,1.2fr);gap:10px;align-items:center;margin:7px 0;font-size:12px}.field>label{overflow-wrap:anywhere;color:#b0c3c5}.field input,.field select{width:100%}details{border-top:1px solid #30464d;padding:8px 0;margin-top:7px}summary{cursor:pointer;color:#d7d8bd;font-size:12px;overflow-wrap:anywhere}.array-row{border-left:2px solid #375058;margin:8px 0 8px 2px;padding-left:9px}.mini{font-size:11px;padding:3px 7px}.status{min-height:40px;padding:10px 20px;background:#0d1a1f;color:#c9dcda;border-top:1px solid #355057;white-space:pre-wrap}.error{color:#f4af8e}.report{padding:8px;background:#1a3037;margin-top:12px;font-size:12px}.report button{display:block;text-align:left;width:100%;margin-top:6px;font-size:11px}.project-card{display:block;text-align:left;width:100%;margin:10px 0;padding:20px}.project-card strong{display:block;font-size:20px}.dialog{position:fixed;inset:0;background:#061216d9;display:grid;place-items:center;z-index:10}.dialog article{background:#182c32;border:1px solid #49666b;padding:24px;max-width:95vw;width:700px;max-height:90vh;overflow:auto}.dialog textarea{width:100%;height:55vh}.basin-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tag{font-size:11px;color:#d9c18d}.hidden{display:none!important}@media(max-width:1050px){.layout{grid-template-columns:170px minmax(250px,1fr) 280px}header small{display:none}}@media(max-width:760px){.layout{height:auto;grid-template-columns:120px 1fr}.stage{min-height:55vh}.properties{grid-column:1/-1;max-height:50vh}.toolbar{padding:7px}.welcome{margin-top:20px}header{padding:10px;height:60px}.field{grid-template-columns:1fr 1fr}}