:root{color-scheme:dark;font:14px/1.6 system-ui,sans-serif;background:#141b21;color:#dbe1e5}*{box-sizing:border-box}body{margin:0}header{padding:18px 26px;border-bottom:1px solid #364048;display:flex;gap:25px;align-items:center}a{color:#e3b776}header a{text-decoration:none;font-weight:600;letter-spacing:.08em}header span{color:#91a0ac}main{max-width:1100px;padding:40px 24px;margin:auto}h1{font-size:42px;line-height:1.1;margin:12px 0 24px}h2{font-size:22px}p{color:#aebbc5;max-width:760px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px;background:#222b33;border:1px solid #35414a}input,select,button{font:inherit;background:#141b21;color:#dce2e7;border:1px solid #4b5964;border-radius:4px;padding:7px 10px}button{cursor:pointer}button:hover{border-color:#e0b271}label{display:flex;gap:9px;align-items:center}.viewport{position:relative;height:520px;background:#1c252b;border:1px solid #35414a}.viewport canvas{width:100%;height:100%;display:block;touch-action:none}.status{padding:14px;border:1px solid #35414a;font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap}pre{background:#0d1318;padding:22px;border-radius:6px;border:1px solid #35414a;overflow:auto}code{color:#dfc59b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{display:block;padding:25px;border:1px solid #38434c;border-radius:7px;text-decoration:none}.card h2{color:#f0eae0}.card p{color:#aebbc5}.editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:390px 60px;border:1px solid #35414a}.editor stratum-timeline{grid-column:1/-1}.editor stratum-parameter-editor{overflow:auto;height:100%}stratum-node-editor{height:100%}.note{border-left:3px solid #dcac6d;padding:10px 20px;margin-top:25px;color:#b1bec7}@media(max-width:750px){.cards{grid-template-columns:1fr}.editor{grid-template-columns:minmax(0,1fr) 240px}.viewport{height:380px}header span{display:none}main{padding:25px 14px}}