.audio-test-tool{--aud-page: var(--site-tool-bg,var(--fx-bg,#f7f9fc)); --aud-bg: var(--site-tool-surface,var(--fx-surface,#fff)); --aud-raised: var(--site-tool-surface-raised,var(--fx-surface-2,#f4f7fb)); --aud-control: var(--site-tool-control,var(--fx-bg-deep,#fff)); --aud-text: var(--site-tool-text,var(--fx-text,#13213a)); --aud-muted: var(--site-tool-muted,var(--fx-muted,#74839a)); --aud-line: var(--site-tool-line,var(--fx-line,#dfe4ea)); --aud-line2: var(--site-tool-line-strong,var(--fx-line-strong,#cfd6df)); --aud-accent: var(--site-tool-accent,var(--fx-primary,#215fc5)); --aud-accent-hover: var(--site-tool-accent-hover,var(--fx-primary-2,#164b9e)); --aud-accent-ink: var(--site-tool-accent-ink,var(--fx-primary-ink,#fff)); --aud-soft: var(--site-tool-accent-soft,color-mix(in srgb,var(--aud-accent) 12%,var(--aud-bg))); --aud-good: #1c9b62; --aud-warn: #b97500; --aud-bad: #c33f46; --aud-shadow: var(--site-tool-shadow,var(--fx-shadow,0 18px 46px rgba(29,48,77,.09))); --aud-r: var(--site-tool-radius,var(--fx-radius,18px)); background: var(--aud-page); color: var(--aud-text); color-scheme: var(--site-tool-color-scheme,light); font-family: var(--site-tool-font,var(--fx-font,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif));}
.audio-test-tool,.audio-test-tool *{box-sizing: border-box;}
.audio-test-tool .container{width: min(1180px, 100% - 40px); margin-inline: auto;}
@media (max-width: 720px) {.audio-test-tool .container{width: min(1180px, 100% - 24px);}}
.audio-test-tool .audWrap{padding: clamp(26px, 4vw, 50px) 0px 70px;}
.audio-test-tool .audHead{margin-bottom: 18px;}
.audio-test-tool .audHead .eyebrow{margin-bottom: 8px;}
.audio-test-tool .audHead h1{margin: 0px 0px 8px; font-size: clamp(2rem, 5vw, 3rem); letter-spacing: -0.04em; line-height: 1.05;}
.audio-test-tool .audHead p{margin: 0px; max-width: 760px; color: var(--aud-muted); line-height: 1.6;}
.audio-test-tool .audStatus{display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 18px 0px; padding: 14px 16px; border: 1px solid var(--aud-line); border-radius: 15px; background: var(--aud-bg); box-shadow: var(--aud-shadow);}
.audio-test-tool .audStatusLeft{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.audio-test-tool .audDot{width: 10px; height: 10px; border-radius: 50%; background: var(--aud-muted);}
.audio-test-tool .audDot.live{background: var(--aud-good); box-shadow: 0 0 0 5px color-mix(in srgb,var(--aud-good) 14%,transparent);}
.audio-test-tool .audStatusText{font-weight: 800;}
.audio-test-tool .audMeta{color: var(--aud-muted); font-size: 0.88rem;}
.audio-test-tool .audMaster{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.audio-test-tool .audGrid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 15px;}
.audio-test-tool .audSpan2{grid-column: 1 / -1;}
@media (max-width: 850px) {.audio-test-tool .audGrid{grid-template-columns: 1fr;}
.audio-test-tool .audSpan2{grid-column: auto;}}
.audio-test-tool .audCard{border: 1px solid var(--aud-line); border-radius: var(--aud-r); background: var(--aud-bg); box-shadow: var(--aud-shadow); overflow: hidden;}
.audio-test-tool .audCardHd{padding: 14px 16px 12px; border-bottom: 1px solid var(--aud-line); background: var(--aud-raised); display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
.audio-test-tool .audCardTitle{font-weight: 850; letter-spacing: 0.01em;}
.audio-test-tool .audCardSub{margin-top: 3px; color: var(--aud-muted); font-size: 0.9rem; line-height: 1.4;}
.audio-test-tool .audCardBd{padding: 16px;}
.audio-test-tool .audRow{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px;}
.audio-test-tool .audRow3{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px;}
@media (max-width: 600px) {.audio-test-tool .audRow,.audio-test-tool .audRow3{grid-template-columns: 1fr;}}
.audio-test-tool .audField{display: grid; gap: 7px; min-width: 0px;}
.audio-test-tool .audField label,.audio-test-tool .audLabel{color: var(--aud-muted); font-size: 0.77rem; font-weight: 800; letter-spacing: 0.055em; text-transform: uppercase;}
.audio-test-tool .audInput,.audio-test-tool .audSelect{width: 100%; min-width: 0px; height: 44px; padding: 0px 12px; border: 1px solid var(--aud-line2); border-radius: 11px; background: var(--aud-control); color: var(--aud-text); font: inherit; outline: none;}
.audio-test-tool .audInput:focus,.audio-test-tool .audSelect:focus{border-color: var(--aud-accent); box-shadow: 0 0 0 3px color-mix(in srgb,var(--aud-accent) 14%,transparent);}
.audio-test-tool .audFreqBig{display: grid; grid-template-columns: minmax(0px, 1fr) 108px; gap: 10px; align-items: center;}
.audio-test-tool .audFreqInput{height: 56px; font-size: 1.55rem; font-weight: 850; font-variant-numeric: tabular-nums;}
.audio-test-tool .audUnit{height: 56px; display: grid; place-items: center; border: 1px solid var(--aud-line); border-radius: 11px; background: var(--aud-raised); font-weight: 800; color: var(--aud-muted);}
@media (max-width: 430px) {.audio-test-tool .audFreqBig{grid-template-columns: minmax(0px, 1fr) 75px;}
.audio-test-tool .audFreqInput{font-size: 1.3rem;}}
.audio-test-tool .audSlider{width: 100%; accent-color: var(--aud-accent); cursor: pointer;}
.audio-test-tool .audRangeLine{display: flex; justify-content: space-between; color: var(--aud-muted); font-size: 0.75rem; margin-top: -3px;}
.audio-test-tool .audInline{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.audio-test-tool .audGrow{flex: 1 1 180px;}
.audio-test-tool .audBtn{appearance: none; min-height: 42px; padding: 0px 14px; border: 1px solid var(--aud-line2); border-radius: 11px; background: var(--aud-raised); color: var(--aud-text); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 800; cursor: pointer; transition: transform 0.12s, border-color 0.12s, background 0.12s;}
.audio-test-tool .audBtn:hover{transform: translateY(-1px); border-color: color-mix(in srgb,var(--aud-accent) 40%,var(--aud-line2));}
.audio-test-tool .audBtn:active{transform: none;}
.audio-test-tool .audBtn.primary{background: var(--aud-accent); border-color: var(--aud-accent); color: var(--aud-accent-ink);}
.audio-test-tool .audBtn.primary:hover{background: var(--aud-accent-hover);}
.audio-test-tool .audBtn.danger{border-color: color-mix(in srgb,var(--aud-bad) 50%,var(--aud-line)); color: var(--aud-bad);}
.audio-test-tool .audBtn.active{background: var(--aud-accent); border-color: var(--aud-accent); color: var(--aud-accent-ink);}
.audio-test-tool .audBtn.small{min-height: 34px; padding: 0px 10px; font-size: 0.84rem;}
.audio-test-tool .audBtn.full{width: 100%;}
.audio-test-tool .audQuick{display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 7px; margin-top: 10px;}
@media (max-width: 720px) {.audio-test-tool .audQuick{grid-template-columns: repeat(4, minmax(0px, 1fr));}}
@media (max-width: 430px) {.audio-test-tool .audQuick{grid-template-columns: repeat(3, minmax(0px, 1fr));}}
.audio-test-tool .audQuick .audBtn{padding: 0px 7px; min-height: 36px; font-size: 0.79rem;}
.audio-test-tool .audDivider{height: 1px; background: var(--aud-line); margin: 15px 0px;}
.audio-test-tool .audHint{color: var(--aud-muted); font-size: 0.88rem; line-height: 1.45;}
.audio-test-tool .audWarn{padding: 12px 13px; border: 1px solid color-mix(in srgb,var(--aud-warn) 38%,var(--aud-line)); border-radius: 12px; background: color-mix(in srgb,var(--aud-warn) 8%,var(--aud-bg)); font-size: 0.86rem; line-height: 1.45;}
.audio-test-tool .audMono{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-variant-numeric: tabular-nums;}
.audio-test-tool .audMeterWrap{display: grid; grid-template-columns: 1fr 1fr; gap: 9px;}
.audio-test-tool .audMeter{display: grid; grid-template-columns: 18px 1fr 52px; gap: 8px; align-items: center;}
.audio-test-tool .audMeterBar{height: 10px; border-radius: 999px; background: var(--aud-raised); border: 1px solid var(--aud-line); overflow: hidden;}
.audio-test-tool .audMeterFill{height: 100%; width: 0px; background: var(--aud-accent); transition: width 0.06s linear;}
.audio-test-tool .audMeterValue{text-align: right; color: var(--aud-muted); font-size: 0.75rem;}
.audio-test-tool .audScope{display: block; width: 100%; height: 190px; border: 1px solid var(--aud-line); border-radius: 14px; background: var(--aud-raised);}
.audio-test-tool .audScopeTools{display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 10px;}
.audio-test-tool .audNoiseButtons{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
@media (max-width: 480px) {.audio-test-tool .audNoiseButtons{grid-template-columns: 1fr;}}
.audio-test-tool .audSweepProgress{height: 8px; border-radius: 999px; border: 1px solid var(--aud-line); background: var(--aud-raised); overflow: hidden;}
.audio-test-tool .audSweepFill{height: 100%; width: 0px; background: var(--aud-accent);}
.audio-test-tool .audToggle{display: flex; align-items: center; gap: 8px; font-size: 0.9rem; font-weight: 750;}
.audio-test-tool .audToggle input{accent-color: var(--aud-accent);}
.audio-test-tool .audFooterNote{margin-top: 16px; color: var(--aud-muted); font-size: 0.82rem; line-height: 1.5;}