#root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;min-height:100dvh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.spectrum-canvas{display:block;border-radius:24px;width:100%;height:100%}.spectrum-card{box-sizing:border-box;aspect-ratio:1;width:min(100%,100cqh,480px);min-width:0;display:flex;border-radius:24px;background:#14161a;border:1px solid #2a2e35;align-items:center;justify-content:center}.spectra{container-type:size;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2vw,20px);align-items:center;justify-items:center;width:100%;height:100%;min-height:8rem}.node-chain-scroll{min-width:0;overflow-x:auto}.node-chain{display:grid;grid-template-columns:repeat(8,minmax(160px,1fr));gap:8px;align-items:center;justify-items:center;min-width:1348px;box-sizing:border-box;height:auto;padding:6px}.node-panel{box-sizing:border-box;border:1px solid #ccc;padding:.5rem;min-width:0;font-family:sans-serif;font-size:.9rem;height:-webkit-fill-available;height:stretch;width:-webkit-fill-available;width:stretch;justify-content:space-around;display:flex;flex-direction:column;gap:4px;border-radius:0 0 20px 20px}.control{display:flex;flex-direction:column;margin-bottom:0;font-size:.8rem}.control>input[type=range],.control>select{width:100%}.control>input[type=range]{min-height:24px;margin:0}.audio-node-cell{height:-webkit-fill-available;height:stretch;width:-webkit-fill-available;width:stretch;display:grid;grid-template-rows:auto 1fr}button{padding:8px 14px;border-radius:8px;border:1px solid #3a3f47;background:#1f2228;color:#fff;cursor:pointer}.node-button{width:-webkit-fill-available;width:stretch;height:auto;border-radius:20px 20px 0 0}.preset-chain{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,1fr);box-sizing:border-box;gap:6px;align-items:center;justify-items:center;width:100%;padding:4px}.preset-panel{box-sizing:border-box;min-width:0;min-height:40px;border:1px solid #ccc;border-radius:8px;padding:4px;font-family:sans-serif;font-size:.9rem;display:flex;justify-content:center;align-items:center;width:-webkit-fill-available;width:stretch;height:-webkit-fill-available;height:stretch}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}body{margin:0;background:#0b0c10;color:#eaf0f1;justify-content:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}label{display:grid;gap:6px}button.secondary{background:#2b2f36}input[type=range]{width:100%}footer{margin-top:18px;opacity:.7}.container{display:grid;box-sizing:border-box;height:100vh;height:100dvh;min-height:26rem;padding:clamp(8px,1.5vmin,20px);gap:clamp(8px,1.5vh,16px);align-items:start;grid-template-rows:auto auto minmax(8rem,1fr);grid-template-columns:minmax(0,1fr)}.icon-button{position:relative;width:48px;height:48px;padding:0;font-size:1.25rem;box-shadow:0 4px 16px #0008}.is-starting:after{content:"";position:absolute;inset:5px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:audio-starting 1s linear infinite}@keyframes audio-starting{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.is-starting:after{animation:none;border-style:dotted;border-color:currentColor}}.audio-content{display:contents}.audio-start-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0a0a0a75;z-index:2}.audio-start-overlay .audio-error{left:50%;top:calc(50% + 40px);bottom:auto;transform:translate(-50%)}.audio-dock{position:fixed;left:max(12px,env(safe-area-inset-left,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));width:48px;height:48px;z-index:2}.audio-error{position:absolute;left:0;bottom:calc(100% + 8px);box-sizing:border-box;width:min(24rem,calc(100vw - 24px));padding:8px;background:#14161a;border:1px solid #2a2e35;border-radius:8px;color:#ffb4ab;max-height:min(8rem,30vh);overflow:auto;overflow-wrap:anywhere}button:disabled{cursor:wait;opacity:.65}