:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090c12;color:#e8edf5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:#8bded4;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,select,input[type=number]{border:1px solid #334153;border-radius:6px;background:#17212e;color:#e8edf5;padding:8px;min-width:0}button{cursor:pointer;font-size:12px;font-weight:600}button:hover{border-color:#8bded4}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8bded4;outline-offset:3px}input[type=range]{width:100%;accent-color:#8bded4;margin:0}input[type=checkbox]{accent-color:#8bded4}input[type=number]{width:120px;text-align:right}select{max-width:205px;font-size:12px}h1{font-size:21px;letter-spacing:-.025em;margin:0 0 9px;font-weight:600}p{font-size:13px;line-height:1.55;color:#a6b5c8;margin:0 0 16px}.loading{padding:32px}.app{width:min(1580px,100%);margin:auto;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px}.links{display:flex;align-items:center;gap:18px}.dimension-tabs{display:flex;gap:4px;padding:3px;background:#111925;border:1px solid #293446;border-radius:8px}.dimension-tabs a{padding:6px 13px;color:#9aacc3}.dimension-tabs a[aria-current=page]{background:#263b45;color:#c0f2e9;border-radius:5px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}.stage{min-width:0;position:sticky;top:16px}.viewport{position:relative;border:1px solid #273244;border-radius:10px;overflow:hidden;background:#060910}canvas{display:block;width:100%;aspect-ratio:1;touch-action:none}.viewport.three-d canvas{cursor:grab}.viewport.three-d canvas:active{cursor:grabbing}.view-caption{position:absolute;left:15px;top:13px;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8fa6bb;pointer-events:none}.view-caption b{color:#c4d5df;font-weight:400}.interaction{position:absolute;left:15px;bottom:13px;font-size:11px;color:#7e92a8;pointer-events:none}.status-dot{display:inline-block;width:6px;height:6px;background:#8bded4;border-radius:50%;margin-right:7px}.status-dot.paused{background:#e4b574}.pipeline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:15px 6px;color:#7e94aa;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.pipeline span{color:#b7ccda}.panel{padding:20px;background:#111720;border:1px solid #293346;border-radius:10px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8bded4;margin:0 0 12px}.section{margin-top:19px;padding-top:16px;border-top:1px solid #293346}.section-title{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8da0b7;margin:0 0 13px}.controls{display:grid;gap:12px}.row{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;font-size:12px;color:#c1ccda}.row input[type=range]{grid-column:1/-1}.row output{color:#92a9bb;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.check{display:flex;gap:7px;align-items:center;font-size:12px;color:#afbed0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.primary{background:#223c43;color:#b6eee4;border-color:#40635f;width:100%;margin-top:12px}.muted{font-size:11px;color:#7f91a9;line-height:1.5;margin:8px 0 0}.diag{margin-top:16px;padding:11px;background:#0a1019;border:1px solid #202e3d;border-radius:7px;font:11px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;color:#9fb4c9;font-variant-numeric:tabular-nums}.warning{color:#f2c08f;white-space:pre-wrap;font-size:12px;line-height:1.5;margin-top:9px}.error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:32px;background:#090e17ec;z-index:2}.error[hidden],[hidden]{display:none!important}.error p{white-space:pre-wrap;color:#f4b9ac;max-width:540px;overflow-wrap:anywhere}.note{margin-top:16px;color:#8d9eb3;font-size:12px;line-height:1.65}.note summary{cursor:pointer;color:#bacada;font-size:12px}.note p{font-size:12px;margin:10px 0}.equation{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#a6cccd}.view-controls{margin-top:15px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 2px}.view-controls label{font-size:12px;color:#93a9bc}.view-controls select{margin-right:auto}.view-controls .check{font-size:11px}.slice-control{margin-top:14px}.footer-note{font-size:11px;color:#6d8299;padding:6px 2px}.fps{color:#7890a6;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;margin-left:auto}
.initial-parameters{min-width:0;margin:17px 0 0;padding:14px 0 0;border:0;border-top:1px solid #293346}.initial-parameters legend{padding:0 8px 0 0;color:#8da0b7;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.initial-parameters .muted{margin-top:12px}
.pressure-controls{min-width:0;margin:14px 0 0;padding:0;border:0}.pressure-controls:disabled{opacity:.45}
@media(min-width:1500px){.app{padding:24px}.layout{grid-template-columns:minmax(0,1fr) 370px}}
@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 320px}.app{padding:12px}.panel{padding:16px}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.stage{position:static}.app{padding:12px}.topbar{margin-bottom:12px}.links{gap:12px}.panel{padding:20px}.pipeline{font-size:10px;gap:7px}.view-caption{font-size:10px}.view-controls{margin-bottom:8px}canvas{max-height:80svh}.footer-note{display:none}}