.pr-paradee{box-sizing:border-box;margin:1.3rem 0;padding:1rem 1.2rem;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;color:#172033;font:inherit;line-height:1.45;max-width:100%}
.pr-paradee *{box-sizing:border-box}
.pr-paradee .pr-heading{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem}
.pr-paradee .pr-heading strong{font-size:1.04rem}
.pr-paradee .pr-speaker{background:#dbeafe;border-radius:8px;color:#1d4ed8;padding:.2rem .45rem;font-weight:bold}
.pr-paradee .pr-note{font-size:.8rem;color:#475569;margin-left:auto}
.pr-paradee .pr-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.pr-paradee .pr-controls button{cursor:pointer;border:1px solid #94a3b8;border-radius:7px;background:#fff;color:#0f172a;padding:.48rem .7rem;font:inherit;font-size:.9rem;min-height:38px;white-space:nowrap}
.pr-paradee .pr-controls button[data-pr-action="play"]{background:#1d4ed8;border-color:#1d4ed8;color:white}
.pr-paradee .pr-controls button:hover:not(:disabled){filter:brightness(.93)}
.pr-paradee .pr-controls button:disabled{opacity:.4;cursor:not-allowed}
.pr-paradee .pr-controls select{border:1px solid #94a3b8;border-radius:7px;background:white;color:#111827;font:inherit;font-size:.88rem;padding:.48rem .35rem;min-height:38px}
.pr-paradee .pr-controls label{display:inline-flex;align-items:center;gap:.3rem;font-size:.86rem;color:#334155}
.pr-paradee .pr-status{font-size:.83rem;color:#475569;margin:.75rem 0 0;min-height:1.4em}
.pr-speaking{outline:2px solid rgba(37,99,235,.42);outline-offset:4px;border-radius:3px;background-color:rgba(191,219,254,.22)!important;transition:background-color .12s}
@media(max-width:620px){.pr-paradee{padding:.75rem}.pr-paradee .pr-note{margin-left:0;width:100%}.pr-paradee .pr-controls button{padding:.4rem .55rem}.pr-paradee .pr-controls label{flex:1}.pr-paradee .pr-controls select{flex:1;min-width:0}}
@media(prefers-reduced-motion:reduce){.pr-speaking{transition:none}}

.pr-floating{position:fixed;bottom:var(--pr-bottom,12px);right:12px;z-index:99999;width:min(650px,calc(100vw - 24px));max-height:min(50vh,calc(100vh - var(--pr-bottom,12px) - 24px));overflow:auto;box-shadow:0 3px 20px #0003}
.pr-paradee .pr-controls button:focus-visible,.pr-paradee .pr-controls select:focus-visible{outline:3px solid #2563eb;outline-offset:2px}

/* Compact floating bar; additional controls remain available on demand. */
.pr-paradee.pr-floating{width:280px;padding:8px;margin:0;border-radius:12px;overflow:auto;font-size:14px}
.pr-paradee.pr-floating .pr-heading{display:none}
.pr-paradee.pr-floating>.pr-controls{flex-wrap:nowrap;gap:6px;padding-right:42px}
.pr-paradee.pr-floating .pr-controls button{min-height:36px;height:36px;padding:6px 10px;font-size:13px;line-height:1.2}
.pr-paradee.pr-floating>.pr-controls button[data-pr-action="play"]{flex:1}
.pr-paradee.pr-floating>.pr-controls button[data-pr-action="pause"],.pr-paradee.pr-floating>.pr-controls button[data-pr-action="stop"]{width:36px;padding:6px;flex-shrink:0}
.pr-paradee.pr-floating .pr-settings>summary{position:absolute;right:8px;top:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;border:1px solid #94a3b8;border-radius:7px;background:#fff;color:#334155;font:20px/1 sans-serif}
.pr-paradee.pr-floating .pr-settings>summary::-webkit-details-marker{display:none}
.pr-paradee.pr-floating .pr-settings>summary:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.pr-paradee.pr-floating .pr-settings[open]>summary{background:#dbeafe}
.pr-paradee.pr-floating .pr-options{padding-top:10px;gap:8px}
.pr-paradee.pr-floating .pr-options label{flex:1 1 100%;justify-content:space-between}
.pr-paradee.pr-floating .pr-options select{max-width:200px;min-width:0}
.pr-paradee.pr-floating:not(.pr-attention)>.pr-status{position:absolute;top:0;left:0;min-height:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pr-paradee.pr-floating.pr-attention>.pr-status{margin:8px 0 0;font-size:12px}