@media (width>=1024px){.seg.sp-mode{max-width:420px}}.sp-screen{height:180px}@media (width>=1024px){.sp-screen{height:320px}}.sp-cones{direction:ltr;display:flex;position:absolute;inset:0}.sp-divider{background:var(--screen-line);width:1px;position:absolute;top:18px;bottom:18px;left:50%}@media (width>=1024px){.sp-divider{top:24px;bottom:24px}}.sp-cone{flex:1;min-width:0;position:relative}.sp-cone svg{width:136px;height:136px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.sp-cone circle{fill:none;stroke:var(--screen-line-2);stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:stroke .2s}.sp-cone.is-on .sp-core{stroke:var(--screen-muted)}.sp-cone.is-live .sp-core{stroke:var(--trace)}.sp-wave{border:2px solid var(--trace);opacity:0;pointer-events:none;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;animation:1.8s cubic-bezier(.2,.6,.3,1) infinite sp-wave;position:absolute;top:50%;left:50%}.sp-w2{animation-delay:.6s}.sp-w3{animation-delay:1.2s}@keyframes sp-wave{0%{opacity:.95;transform:scale(.24)}to{opacity:0;transform:scale(1.1)}}.sp-label{text-align:center;color:var(--screen-muted);text-overflow:ellipsis;white-space:nowrap;padding-inline:8px;font-size:13px;font-weight:600;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.sp-cone.is-on .sp-label{color:var(--screen-ink)}@media (width>=1024px){.sp-cone svg{width:216px;height:216px}.sp-wave{width:208px;height:208px;margin:-104px 0 0 -104px}.sp-label{font-size:16px}}.sp-hear{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 16px;display:flex;position:absolute;inset:0}.sp-tag{top:10px;color:var(--screen-muted);font-size:13px;position:absolute;inset-inline-start:12px}.sp-big{direction:ltr;align-items:baseline;gap:8px;line-height:1;display:flex}.sp-num{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:64px;font-weight:200;font-stretch:125%}.sp-unit{color:var(--screen-muted);font-size:18px}.sp-hint{color:var(--screen-muted);font-size:14px}@media (width>=1024px){.sp-hear{gap:14px}.sp-tag{top:12px;font-size:14px;inset-inline-start:14px}.sp-big{gap:12px}.sp-num{letter-spacing:-.035em;font-size:120px}.sp-unit{font-size:24px}.sp-hint{font-size:16px}}.sp-scale{direction:ltr;height:30px;margin-inline:2px;position:relative}.sp-axis{background:var(--line);height:1px;position:absolute;top:0;left:0;right:0}.sp-tick{background:var(--input);width:1px;height:5px;position:absolute;top:0}.sp-tick.is-major{background:var(--muted);height:9px}.sp-tl{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:1.2;position:absolute;top:13px;transform:translate(-50%)}.sp-tl.is-first{transform:none}.sp-tl.is-last{transform:translate(-100%)}.sp-band{background:var(--accent);transform-origin:0;border-radius:2px;width:100%;height:5px;transition:transform .12s linear;position:absolute;top:-2px;left:0}.sp-mwrap{width:100%;height:0;transition:transform .15s ease-out;position:absolute;top:0;left:0}.sp-marker{background:var(--accent);border-radius:2px;width:3px;height:17px;margin-left:-1px;position:absolute;top:-4px;left:0}@media (width>=1024px){.sp-scale{height:32px}.sp-tick{height:6px}.sp-tick.is-major{height:10px}.sp-tl{font-size:13px;top:14px}.sp-band{height:6px}.sp-marker{height:20px;top:-5px}}.seg.sp-ch{direction:ltr}.sp-fhead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sp-fhead label{font-size:14px;font-weight:600}.sp-val{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:600}.sp-range{height:28px;margin:0}.sp-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.sp-presets .btn{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 6px}.sp .keys>.btn-primary{order:1}.sp--speaker .keys{grid-template-columns:repeat(2,minmax(0,1fr))}.sp .keys .btn{padding:0 12px}