:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0f;font-family:system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}.app{max-width:640px;margin:0 auto;padding:1.5rem}h1{letter-spacing:.05em;margin:0 0 1.2rem;font-size:1.4rem;font-weight:300}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.status{opacity:.5;margin-left:.25rem;font-size:.8rem}.spectrum{border-radius:6px;width:100%;height:260px;margin-bottom:1rem;display:block}.slider-row{align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.slider-row label{opacity:.6;flex-shrink:0;min-width:80px;font-size:.82rem}.slider-row input[type=range]{accent-color:#00c878;flex:1}.slider-row select{color:inherit;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:.3em .5em;font-size:.85rem}.option-row{align-items:center;gap:.5rem;margin:0 0 .5rem 80px;display:flex}.option-row select{color:inherit;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:.2em .4em;font-size:.8rem}.checkbox-label{opacity:.6;cursor:pointer;align-items:center;gap:.3rem;min-width:auto;margin-left:.25rem;font-size:.82rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:#00c878}.slider-row .value{text-align:right;opacity:.7;min-width:44px;font-family:monospace;font-size:.82rem}button{color:inherit;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:.5em 1em;font-family:inherit;font-size:.9rem;transition:border-color .15s,background .15s}button:hover:not(:disabled){border-color:#00c878}button:disabled{opacity:.3;cursor:default}button.recording{background:#4a1a1a;border-color:#c83030}button.active{background:#1a3a2a;border-color:#00c878}button.small{padding:.3em .6em;font-size:.8rem}.settings{border-top:1px solid #222;margin-top:1rem;padding-top:.5rem}.settings summary{opacity:.5;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:.5rem;font-size:.82rem}.settings-grid{padding-left:.25rem}
