html,body,#root{height:100%;margin:0}body{background:var(--body);color:var(--text);font:12px/1.35 var(--display);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.fail{padding:24px}.app{flex-direction:column;height:100%;display:flex}.header{border-bottom:1px solid var(--line);background:linear-gradient(180deg, color-mix(in oklab, var(--panel) 70%, var(--body)), var(--body));height:56px;box-shadow:0 1px 0 color-mix(in oklab, var(--accent) 12%, transparent);align-items:center;gap:12px;padding:0 12px;display:flex}.logo{flex:none;position:relative}.relative{position:relative}.isolate{isolation:isolate}.cursor-pointer{cursor:pointer}.overflow-visible{overflow:visible}.size-full{width:100%;height:100%}.z-10{z-index:10}.round{width:32px;height:32px;color:var(--text);background:color-mix(in oklab, var(--panel) 80%, var(--text));cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.round svg{width:16px;height:16px}.round[aria-pressed=true]{background:linear-gradient(180deg, var(--accent), color-mix(in oklab, var(--accent) 55%, var(--body)));box-shadow:0 0 14px var(--accent)}.pill{height:32px;color:var(--text);background:color-mix(in oklab, var(--panel) 80%, var(--body));box-shadow:inset 0 0 0 1px var(--line);font:700 11px var(--display);letter-spacing:.12em;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;display:flex}.pill svg{width:16px;height:16px}.name{flex-direction:column;flex:none;line-height:1.15;display:flex}.name b{letter-spacing:.04em;font-size:13px}.name span{color:var(--accent);font-size:11px}.eqwell{background:var(--well);min-width:0;height:32px;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;flex:1}.eqwell canvas{width:100%;height:100%;display:block}.vol{color:var(--dim);flex:none;align-items:center;gap:8px;display:flex}.vol input{width:110px;accent-color:var(--accent)}.wall{background:radial-gradient(800px 380px at 50% 40%, color-mix(in oklab, var(--accent) 14%, var(--body)) 0%, transparent 70%);flex:1;min-height:0;position:relative;overflow:hidden}.dock{border-top:1px solid var(--line);background:var(--well);align-items:center;gap:12px;height:44px;padding:0 12px;display:flex}.dock .title{letter-spacing:.04em;flex:none;font-size:13px;font-weight:600}.dock .eqwell{height:24px}@media (prefers-reduced-motion:reduce){*{animation:none!important}}