.sst-app-x9k2q1{
  --sst-bg: #ffffff;
  --sst-panel: #ffffff;
  --sst-panel-raised: #F5F8FB;
  --sst-hairline: #E1E7EE;
  --sst-hairline-strong: #C7D1DC;
  --sst-text-primary: #1E2937;
  --sst-text-secondary: #5B6B7C;
  --sst-text-muted: #8A97A5;
  --sst-accent: #8224e3;
  --sst-accent-dim: #F1E5FB;
  --sst-left: #8224e3;
  --sst-left-dim: #F1E5FB;
  --sst-right: #C2680C;
  --sst-right-dim: #FBF0E1;
  --sst-both: #1E874B;
  --sst-both-dim: #E8F6EE;
  --sst-ear: #6B4FA0;
  --sst-ear-dim: #F1ECFA;
  --sst-warn: #C4342A;
  --sst-warn-dim: #FBEAE9;
  --sst-radius: 10px;
  --sst-font-display: 'Space Grotesk', 'Arial Narrow', sans-serif;
  --sst-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sst-font-mono: 'IBM Plex Mono', 'Consolas', monospace;

  all: initial;
  display: block;
  box-sizing: border-box;
  font-family: var(--sst-font-body);
  color: var(--sst-text-primary);
  max-width: 920px;
  margin: 0 auto;
}
.sst-app-x9k2q1 *, .sst-app-x9k2q1 *::before, .sst-app-x9k2q1 *::after{
  box-sizing: border-box;
  font-family: inherit;
}
.sst-app-x9k2q1 button, .sst-app-x9k2q1 select, .sst-app-x9k2q1 input{
  font-family: var(--sst-font-body);
  font-size: 14px;
  color: inherit;
}

.sst-console{
  background: var(--sst-panel);
  border: 1px solid var(--sst-hairline);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(30,41,55,0.04), 0 1px 12px rgba(30,41,55,0.05);
}
.sst-scope-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid var(--sst-hairline);
  background: var(--sst-panel-raised);
  flex-wrap: wrap;
  gap: 10px;
}
.sst-scope-status{
  font-family: var(--sst-font-mono);
  font-size: 13px;
  color: var(--sst-text-secondary);
}
.sst-scope-status strong{ color: var(--sst-text-primary); font-weight: 600; }
.sst-scope-readout{
  font-family: var(--sst-font-mono);
  font-size: 13px;
  color: var(--sst-text-muted);
  display: flex;
  gap: 16px;
}
.sst-scope-readout span b{ color: var(--sst-text-secondary); font-weight: 600; }
.sst-scope-canvas{
  display: block;
  width: 100%;
  height: 150px;
  background:
    linear-gradient(var(--sst-hairline) 1px, transparent 1px) 0 0/100% 25%,
    linear-gradient(90deg, var(--sst-hairline) 1px, transparent 1px) 0 0/12.5% 100%,
    #FBFCFE;
}

.sst-pads{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1px;
  background: var(--sst-hairline);
}
@media(max-width:760px){ .sst-app-x9k2q1 .sst-pads{ grid-template-columns: 1fr 1fr; } }
.sst-pad{
  background: var(--sst-panel);
  border: none;
  margin: 0;
  padding: 26px 16px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  color: var(--sst-text-primary);
  line-height: 1.4;
  transition: background .15s ease;
  -webkit-tap-highlight-color: transparent;
}
.sst-pad:hover{ background: var(--sst-panel-raised); }
.sst-pad:focus-visible{ outline: 2px solid var(--sst-accent); outline-offset: -2px; }
.sst-pad-icon{
  width: 52px; height: 52px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--sst-hairline-strong);
  font-family: var(--sst-font-mono);
  font-size: 15px;
  font-weight: 700;
  color: var(--sst-text-secondary);
  transition: all .15s ease;
}
.sst-pad-label{ font-weight: 600; font-size: 15px; }
.sst-pad-sub{ font-size: 12.5px; color: var(--sst-text-muted); font-family: var(--sst-font-mono); }
@media(max-width:420px){
  .sst-app-x9k2q1 .sst-pad{ padding: 18px 8px 16px; gap: 8px; }
  .sst-app-x9k2q1 .sst-pad-icon{ width: 42px; height: 42px; font-size: 12.5px; }
  .sst-app-x9k2q1 .sst-pad-label{ font-size: 13px; text-align: center; }
  .sst-app-x9k2q1 .sst-pad-sub{ font-size: 11px; text-align: center; }
}
.sst-pad[data-ch="left"] .sst-pad-icon{ border-color: var(--sst-left); color: var(--sst-left); }
.sst-pad[data-ch="right"] .sst-pad-icon{ border-color: var(--sst-right); color: var(--sst-right); }
.sst-pad[data-ch="both"] .sst-pad-icon{ border-color: var(--sst-both); color: var(--sst-both); }
.sst-pad[data-ch="earspeaker"] .sst-pad-icon{ border-color: var(--sst-ear); color: var(--sst-ear); font-size: 12px; }
.sst-pad.sst-active[data-ch="left"]{ background: var(--sst-left-dim); }
.sst-pad.sst-active[data-ch="right"]{ background: var(--sst-right-dim); }
.sst-pad.sst-active[data-ch="both"]{ background: var(--sst-both-dim); }
.sst-pad.sst-active[data-ch="earspeaker"]{ background: var(--sst-ear-dim); }
.sst-pad.sst-active .sst-pad-icon{ transform: scale(1.08); }
.sst-pad.sst-active[data-ch="left"] .sst-pad-icon{ background: var(--sst-left); color: #ffffff; }
.sst-pad.sst-active[data-ch="right"] .sst-pad-icon{ background: var(--sst-right); color: #ffffff; }
.sst-pad.sst-active[data-ch="both"] .sst-pad-icon{ background: var(--sst-both); color: #ffffff; }
.sst-pad.sst-active[data-ch="earspeaker"] .sst-pad-icon{ background: var(--sst-ear); color: #ffffff; }

.sst-strip{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  border-top: 1px solid var(--sst-hairline);
  background: var(--sst-panel-raised);
}
.sst-transport{ display: flex; gap: 8px; flex-wrap: wrap; }
.sst-btn{
  font-weight: 500;
  font-size: 13.5px;
  color: var(--sst-text-primary);
  background: #ffffff;
  border: 1px solid var(--sst-hairline-strong);
  border-radius: 8px;
  padding: 9px 14px;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background .15s ease, border-color .15s ease;
}
.sst-btn:hover{ background: var(--sst-panel-raised); border-color: var(--sst-hairline-strong); }
.sst-btn:active{ transform: scale(0.98); }
.sst-btn:focus-visible{ outline: 2px solid var(--sst-accent); outline-offset: 1px; }
.sst-btn-primary{ background: var(--sst-accent); border-color: var(--sst-accent); color: #ffffff; }
.sst-btn-primary:hover{ background: #6c1cb8; }
.sst-btn[aria-pressed="true"]{ border-color: var(--sst-right); color: var(--sst-right); }

.sst-field{ display: flex; flex-direction: column; gap: 4px; min-width: 120px; }
.sst-field label{
  font-size: 11.5px;
  font-family: var(--sst-font-mono);
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--sst-text-muted);
}
.sst-select{
  background: #ffffff;
  color: var(--sst-text-primary);
  border: 1px solid var(--sst-hairline-strong);
  border-radius: 8px;
  padding: 7px 10px;
  accent-color: var(--sst-accent);
}
.sst-range{ width: 120px; accent-color: var(--sst-accent); }

.sst-section-label{
  font-family: var(--sst-font-mono);
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--sst-text-muted);
  margin: 32px 0 14px;
}
.sst-test-grid{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
}
@media(max-width:640px){ .sst-app-x9k2q1 .sst-test-grid{ grid-template-columns: 1fr 1fr; } }
@media(max-width:400px){ .sst-app-x9k2q1 .sst-test-grid{ grid-template-columns: 1fr; } }
.sst-test-card{
  background: var(--sst-panel);
  border: 1px solid var(--sst-hairline);
  border-radius: var(--sst-radius);
  padding: 16px;
  text-align: left;
  cursor: pointer;
  color: var(--sst-text-primary);
  box-shadow: 0 1px 2px rgba(30,41,55,0.03);
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.sst-test-card:hover{ border-color: var(--sst-hairline-strong); background: var(--sst-panel-raised); box-shadow: 0 2px 6px rgba(30,41,55,0.06); }
.sst-test-card:focus-visible{ outline: 2px solid var(--sst-accent); outline-offset: -2px; }
.sst-test-card[aria-pressed="true"]{ border-color: var(--sst-accent); background: var(--sst-accent-dim); }
.sst-tc-title{ font-weight: 600; font-size: 14.5px; margin-bottom: 4px; color: var(--sst-text-primary); }
.sst-tc-sub{ font-size: 12.5px; color: var(--sst-text-muted); }

.sst-balance-block{
  background: var(--sst-panel);
  border: 1px solid var(--sst-hairline);
  border-radius: var(--sst-radius);
  padding: 20px;
  margin-top: 14px;
  box-shadow: 0 1px 2px rgba(30,41,55,0.03);
}
.sst-balance-track-labels{
  display: flex; justify-content: space-between;
  font-family: var(--sst-font-mono);
  font-size: 11.5px;
  color: var(--sst-text-muted);
  margin-bottom: 6px;
}
.sst-balance-range{ width: 100%; accent-color: var(--sst-accent); }

.sst-freq-field{ margin-top: 16px; max-width: 220px; }

.sst-results{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
  margin-top: 14px;
}
@media(max-width:640px){ .sst-app-x9k2q1 .sst-results{ grid-template-columns: 1fr; } }
.sst-result-row{
  background: var(--sst-panel);
  border: 1px solid var(--sst-hairline);
  border-radius: var(--sst-radius);
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  box-shadow: 0 1px 2px rgba(30,41,55,0.03);
}
.sst-result-top{ display: flex; justify-content: space-between; align-items: center; }
.sst-r-label{ font-size: 14px; font-weight: 600; color: var(--sst-text-primary); }
.sst-r-status{
  font-family: var(--sst-font-mono);
  font-size: 12px;
  padding: 4px 9px;
  border-radius: 5px;
  font-weight: 600;
}
.sst-r-status.sst-ok{ background: var(--sst-both-dim); color: var(--sst-both); }
.sst-r-status.sst-bad{ background: var(--sst-warn-dim); color: var(--sst-warn); }
.sst-r-status.sst-pending{ background: var(--sst-panel-raised); color: var(--sst-text-muted); }
.sst-verdict-btns{ display: flex; gap: 6px; }
.sst-verdict-btns button{
  flex: 1;
  font-family: var(--sst-font-mono);
  font-size: 11px;
  padding: 6px 4px;
  margin: 0;
  border-radius: 6px;
  border: 1px solid var(--sst-hairline-strong);
  background: #ffffff;
  color: var(--sst-text-secondary);
  cursor: pointer;
}
.sst-verdict-btns button:hover{ color: var(--sst-accent); border-color: var(--sst-accent); }

.sst-trouble{
  background: var(--sst-warn-dim);
  border: 1px solid #F0C6C2;
  border-radius: var(--sst-radius);
  padding: 18px 20px;
  margin-top: 20px;
  display: none;
}
.sst-trouble.sst-show{ display: block; }
.sst-trouble-title{ margin: 0 0 8px; font-size: 15px; color: #8C231A; font-family: var(--sst-font-display); font-weight: 700; }
.sst-trouble ul{ margin: 0; padding-left: 20px; color: #7A2B24; font-size: 14px; }
.sst-trouble li{ margin-bottom: 5px; }