/* PURE CLIPPER V21 · live dual-trace oscilloscope. Visual analysis only. */
.pcl-live-scope{
  position:relative;
  margin-top:7px;
  padding:8px 9px 7px;
  border:1px solid rgba(184,255,61,.11);
  border-radius:7px;
  background:linear-gradient(180deg,rgba(184,255,61,.025),rgba(0,0,0,.20));
  box-shadow:inset 0 8px 18px rgba(0,0,0,.52);
}

.pcl-live-scope__head,
.pcl-live-scope__foot{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#77806f;
  font:800 6px/1.2 "Courier New",monospace;
  letter-spacing:.09em;
}

.pcl-live-scope__legend{display:flex;align-items:center;gap:10px}
.pcl-live-scope__legend span{display:inline-flex;align-items:center;gap:4px}
.pcl-live-scope__legend i{width:12px;height:2px;border-radius:2px;background:#b8ff3d;box-shadow:0 0 6px rgba(184,255,61,.55)}
.pcl-live-scope__legend .is-input i{background:#a6aeb0;box-shadow:0 0 5px rgba(220,235,238,.3)}
.pcl-live-scope__state{color:#b8ff3d;text-shadow:0 0 7px rgba(184,255,61,.34)}
.pcl-live-scope__state.is-clipping{color:#ff6979;text-shadow:0 0 8px rgba(255,77,95,.5)}

.pcl-scope{
  display:block;
  width:100%;
  height:112px;
  margin:4px 0 3px;
  overflow:visible;
}

.pcl-scope-grid line{stroke:rgba(184,255,61,.055);stroke-width:1;vector-effect:non-scaling-stroke}
.pcl-scope-grid .pcl-scope-zero{stroke:rgba(184,255,61,.13)}
.pcl-scope-limit{fill:rgba(255,77,95,.055)}
.pcl-scope-limit-line{stroke:rgba(255,105,121,.25);stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.pcl-scope-input{fill:none;stroke:rgba(210,225,228,.46);stroke-width:1.15;vector-effect:non-scaling-stroke}
.pcl-scope-output{fill:none;stroke:#b8ff3d;stroke-width:1.65;vector-effect:non-scaling-stroke;filter:url(#pclScopeGlow)}
.pcl-scope-area{fill:url(#pclScopeArea);opacity:.42}
.pcl-scope-hot{fill:none;stroke:#ff6979;stroke-width:2.1;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:url(#pclScopeHotGlow);opacity:var(--pcl-hot-opacity,0)}
.pcl-live-scope__foot b{color:#d8e2d3;font-weight:900}

.pcl-live-scope.is-idle .pcl-scope-input,
.pcl-live-scope.is-idle .pcl-scope-output,
.pcl-live-scope.is-idle .pcl-scope-area{opacity:.22}

@media(max-width:620px){
  .pcl-live-scope{padding:7px 7px 6px}
  .pcl-scope{height:92px}
  .pcl-live-scope__head{align-items:flex-start;flex-direction:column;gap:4px}
}

@media(prefers-contrast:more){
  .pcl-scope-input{stroke:rgba(255,255,255,.75)}
  .pcl-scope-output{stroke:#c8ff69;filter:none}
  .pcl-scope-area{opacity:.2}
}