.sa-app{gap:14px;display:grid}.sa-sources{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sa-source{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--paper);text-align:left;cursor:pointer;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:14px 16px;transition:border-color .2s,background .2s;display:grid}.sa-source>span{background:#ffffff0f;border-radius:12px;grid-row:span 2;place-items:center;width:42px;height:42px;font-size:1.25rem;display:grid}.sa-source b{font-size:.92rem}.sa-source small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.sa-source:hover{border-color:var(--line-strong)}.sa-source.is-on{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.08)}.sa-source.is-on>span{background:var(--orange);color:#111;animation:1.6s ease-in-out infinite sa-pulse}@keyframes sa-pulse{50%{box-shadow:0 0 0 6px rgba(var(--accent-rgb),.18)}}.sa-error{border-radius:var(--r-sm);color:#ff9a7c;background:#ff6a451f;margin:0;padding:10px 14px;font-size:.84rem}.sa-player{width:100%}.sa-player.is-hidden,.sa-canvas canvas.is-hidden{display:none}.sa-tone{grid-template-columns:auto minmax(200px,1fr) auto;align-items:center;gap:18px;display:grid}.sa-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sa-card{border:1px solid var(--line);border-radius:var(--r-md);background:#00000040;gap:6px;padding:14px 16px;display:grid}.sa-card>span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:.6rem}.sa-card strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1}.sa-card strong sub{color:var(--muted);margin-left:2px;font-size:.5em}.sa-card small{font-family:var(--font-mono);color:var(--muted);font-size:.7rem}.sa-meter{background:linear-gradient(90deg, #5fbf8f33 0 70%, #ffc43d33 70% 90%, rgba(var(--accent-rgb),.25) 90%);border-radius:4px;height:8px;position:relative;overflow:hidden}.sa-meter i{background:linear-gradient(90deg, #5fbf8f 0, #5fbf8f 70%, var(--amber) 85%, var(--orange) 100%);background-size:100vw 100%;transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.sa-meter b{background:var(--paper);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.sa-cents{background:linear-gradient(90deg, rgba(var(--accent-rgb),.3), #5fbf8f80 45% 55%, rgba(var(--accent-rgb),.3));border-radius:4px;height:8px;position:relative}.sa-cents:after{content:"";background:var(--paper);opacity:.6;width:1px;position:absolute;top:-3px;bottom:-3px;left:50%}.sa-cents i{background:var(--paper);border-radius:2px;width:4px;height:16px;margin-left:-2px;transition:left .12s;position:absolute;top:-4px}.sa-tuner.is-tuned strong{color:#5fbf8f}.sa-views{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:stretch;gap:14px;display:grid}.sa-main .ak-panel-title .ak-tabs{margin:-4px 0}.sa-actions{gap:6px}.sa-canvas{border-radius:var(--r-sm);background:#050505;height:clamp(260px,40vw,420px);position:relative;overflow:hidden}.sa-canvas.is-small{height:100%;min-height:200px}.sa-scope{flex-direction:column;display:flex}.sa-scope .sa-canvas{flex:1}.sa-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sa-axis{pointer-events:none;width:56px;position:absolute;inset:0 auto 0 0}.sa-axis span{font-family:var(--font-mono);color:#ffffffa6;text-shadow:0 0 4px #000;font-size:.6rem;position:absolute;left:6px;transform:translateY(50%)}.sa-start{place-items:center;padding:20px;display:grid;position:absolute;inset:0}.sa-start .ak-drop{width:min(420px,100%)}.sa-settings{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px 18px;display:grid}@media (max-width:960px){.sa-views{grid-template-columns:1fr}.sa-canvas.is-small{min-height:160px}.sa-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.sa-sources,.sa-readouts,.sa-tone,.sa-settings{grid-template-columns:1fr}}