@import url('./funnels.css');

/* The free tools of October 31, 2026 that take one recording and save what they made
   (wave-tool.js). funnels.css draws the drop zone, the panel, the rows and the switches;
   this adds the few parts those tools share and funnels.css lacks. */
.tool-panel .tool-note:empty { display:none; }
/* A number typed in a row, such as seconds or decibels, as tall as the row's buttons. */
.tool-row input[type="number"] { width:7em; min-height:44px; padding:0 12px; border:1px solid #ffffff24; border-radius:12px; background:#0b0c0f; color:var(--snow); font:500 15px var(--sans); }
.tool-row input[type="range"] { width:min(100%,320px); }
.tool-row input[type="checkbox"] { width:20px; height:20px; accent-color:var(--accent); }
/* The result's player, the full width of the panel. */
#wave-preview { display:block; width:100%; margin-top:12px; }
/* The save buttons sit together in the row, one for each file the tool made. */
.wave-saves { display:flex; flex-wrap:wrap; gap:10px 14px; }
.wave-saves:empty { display:none; }
/* Links inside a sentence carry an underline: the house style gives links none. */
.workflow-steps p a,.tool-steps p a,.tool-note a,.questions-list p a { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.band-mist .workflow-steps p a,.band-paper .workflow-steps p a,.band-mist .tool-steps p a,.band-paper .tool-steps p a,.band-mist .questions-list p a,.band-paper .questions-list p a { color:var(--coal); }
@media (max-width:480px) { .wave-saves { width:100%; } .wave-saves .pill { width:100%; } }