.gops-piper-player{margin:0 0 18px;padding:8px 12px;border:1px solid var(--line,#d1d9df);border-left:3px solid var(--accent,#006080);background:var(--canvas,#f1f5f6);color:var(--ink,#24364a)}
.gops-piper-player .piper-actions{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.gops-piper-player button,.gops-piper-player select{font:inherit;font-size:.85em;line-height:1.3;min-height:44px;padding:8px 12px;border:1px solid var(--control-border,#758391);border-radius:0;background:var(--paper,#fff);color:inherit}
.gops-piper-player [data-reader-start]{background:var(--accent,#006080);border-color:var(--accent,#006080);color:var(--on-accent,#fff)}
.gops-piper-player [data-reader-start]:is(:hover,:focus-visible,:active){background:var(--accent-hover,#00435a);border-color:var(--accent-hover,#00435a);color:var(--on-accent,#fff)}
.gops-piper-player .piper-actions label{display:inline-grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px;font-size:.85em;line-height:1.3;min-width:0;max-width:100%;margin:0}
.gops-piper-player .piper-actions label select{font-size:inherit;line-height:1.3;padding:6px 8px;width:10.5em;max-width:100%;min-width:0;flex:none}
.gops-piper-player button:not(:disabled){cursor:pointer}
.gops-piper-player button:disabled{opacity:.55}
.gops-piper-player button:focus-visible,.gops-piper-player select:focus-visible{outline:3px solid var(--focus,#17323f);outline-offset:3px}
.gops-piper-player audio{display:block;width:100%;max-width:32rem;margin-top:8px}
.gops-piper-player [hidden]{display:none!important}
.gops-piper-player [role=status]{font-size:.85em;margin:8px 0 0}
.gops-piper-player [role=status]:empty{display:none}
.high-contrast .gops-piper-player [data-reader-start]:is(:hover,:focus-visible,:active){color:#000;background:#fff;border-color:#fff}
.high-contrast .gops-piper-player :is(button,select):focus-visible{outline-color:#fff}
@media(max-width:600px){.gops-piper-player .piper-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.gops-piper-player .piper-actions label{grid-column:1/-1}.gops-piper-player .piper-actions label select{width:100%}}
@media print{.gops-piper-player{display:none}}