39843ae95c
tools/AquaLower lowers .aqua to Faust (FaustEmitter.EmitScript); tools/aqua-playground compiles the lowered Faust to wasm with @grame/faustwasm in the page and plays it through an AudioWorklet, with sliders from the DSP's UI and the Faust source shown. Thruster plus 41 .aqua patches. Headless node test compiles and renders every patch (non-silent, finite). Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
19 lines
1.7 KiB
CSS
19 lines
1.7 KiB
CSS
:root { color-scheme: dark; --bg:#0b1418; --fg:#d7e6ea; --dim:#7f9aa3; --acc:#3fc1c9; --line:#1f3640; }
|
|
* { box-sizing: border-box; }
|
|
body { margin:0; background:var(--bg); color:var(--fg); font:15px/1.45 system-ui, sans-serif; }
|
|
main { max-width:1200px; margin:0 auto; padding:24px; }
|
|
.eyebrow { margin:0; color:var(--acc); text-transform:uppercase; letter-spacing:.12em; font-size:12px; }
|
|
h1 { margin:.1em 0 .2em; } h2 { font-size:16px; margin:0 0 8px; } small { color:var(--dim); font-weight:400; }
|
|
.lede { color:var(--dim); max-width:70ch; }
|
|
.bar { display:flex; flex-wrap:wrap; gap:12px 16px; align-items:center; padding:12px 0; border-block:1px solid var(--line); margin-bottom:16px; }
|
|
button, select { background:#10242b; color:var(--fg); border:1px solid var(--line); padding:6px 14px; border-radius:4px; font:inherit; }
|
|
button:hover { border-color:var(--acc); } button:disabled { opacity:.4; }
|
|
#status { color:var(--dim); }
|
|
.cols { display:grid; grid-template-columns:minmax(280px,1fr) minmax(320px,1.4fr); gap:24px; }
|
|
@media (max-width:800px) { .cols { grid-template-columns:1fr; } }
|
|
.controls { display:grid; gap:6px; max-height:70vh; overflow:auto; padding-right:8px; }
|
|
.controls .row { display:grid; grid-template-columns:minmax(0,1fr) 120px 58px; gap:8px; align-items:center; }
|
|
.controls .grp { color:var(--dim); font-size:12px; margin-top:8px; }
|
|
.controls label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
|
|
.controls output { text-align:right; color:var(--acc); font-variant-numeric:tabular-nums; }
|
|
textarea { width:100%; height:62vh; background:#071013; color:#bcd3d8; border:1px solid var(--line); border-radius:4px; font:12px/1.4 ui-monospace, monospace; padding:8px; resize:vertical; }
|