.tob-reader{border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin:0 0 20px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05);font-family:inherit}.tob-reader__head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tob-reader__icon{font-size:20px}.tob-reader__status{margin-left:auto;font-size:12px;color:#64748b}.tob-reader__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tob-reader button,.tob-reader select{font:inherit}.tob-reader button{border:0;border-radius:8px;padding:8px 13px;cursor:pointer;background:#1d4ed8;color:#fff}.tob-reader button.tob-reader__stop{background:#475569}.tob-reader button:disabled{opacity:.45;cursor:not-allowed}.tob-reader label{display:flex;align-items:center;gap:6px;font-size:13px}.tob-reader select{max-width:220px;padding:6px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.tob-reader__progress{height:3px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-top:12px}.tob-reader__progress span{display:block;height:100%;width:0;background:#1d4ed8;transition:width .15s linear}.tob-reader__unsupported{margin:8px 0 0;color:#b91c1c}@media(max-width:600px){.tob-reader__controls{align-items:stretch}.tob-reader label{width:100%;justify-content:space-between}.tob-reader select{flex:1;max-width:none}}