.ueprim-sync{max-width:650px;font-family:Arial,Helvetica,sans-serif;color:#263544;margin:16px auto;box-sizing:border-box}
.ueprim-sync *{box-sizing:border-box}
.ueprim-sync-panel{display:flex;gap:20px;align-items:center;padding:19px 24px;background:#fff;border-radius:22px;box-shadow:0 6px 25px rgba(0,0,0,.1)}
.ueprim-sync-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#0d4778;color:#fff;border-radius:50%;height:70px;width:70px;font-size:32px}
.ueprim-sync-main{flex:1;min-width:0}
.ueprim-sync-title{font-size:13px;color:#46586b;font-weight:700;margin-bottom:10px}
.ueprim-sync-track{height:9px;width:100%;background:#ddd;border-radius:20px;overflow:hidden;pointer-events:none;user-select:none}
.ueprim-sync-fill{height:100%;width:0;background:#0d4778;border-radius:20px;transition:width .12s linear}
.ueprim-sync-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.ueprim-sync-time{font-weight:600;font-size:13px;white-space:nowrap;color:#444}
.ueprim-sync-separator{opacity:.5;padding:0 2px}
.ueprim-sync-volume-controls{display:flex;align-items:center;gap:8px}
.ueprim-sync-mute{border:0;background:transparent;cursor:pointer;font-size:19px;padding:2px;line-height:1.3}
.ueprim-sync-volume{accent-color:#0d4778;width:90px;cursor:pointer}
.ueprim-sync-connection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 3px}
.ueprim-sync-prepare{border:0;border-radius:10px;padding:11px 16px;background:#0d4778;color:white;font-weight:700;font-size:13px;cursor:pointer}
.ueprim-sync-prepare:disabled{background:#5b886c;cursor:default;opacity:1}
.ueprim-sync-prepare:not(:disabled):hover{background:#12609d}
.ueprim-sync-status{font-size:13px;color:#394858;margin:0;flex:1;min-width:200px}
.ueprim-sync-teacher{background:#f4f7fa;border:1px solid #dae3eb;border-radius:15px;padding:16px;margin-top:16px}
.ueprim-sync-teacher-heading{font-size:16px;font-weight:700;color:#0d4778}
.ueprim-sync-teacher p{font-size:13px;line-height:1.5;margin:6px 0 12px}
.ueprim-sync-teacher-actions{display:flex;gap:8px;flex-wrap:wrap}
.ueprim-sync-teacher-actions button{border:0;border-radius:9px;background:#0d4778;color:#fff;cursor:pointer;padding:11px 14px;font-size:13px;font-weight:700}
.ueprim-sync-teacher-actions button:disabled{opacity:.4;cursor:not-allowed}
.ueprim-sync-teacher-actions .ueprim-sync-danger{background:#bb3030}
.ueprim-sync-teacher .ueprim-sync-teacher-message{margin:9px 0 0;color:#6a4150;min-height:14px}
@media(max-width:500px){.ueprim-sync-panel{gap:12px;padding:15px}.ueprim-sync-symbol{height:55px;width:55px;font-size:27px}.ueprim-sync-volume{width:55px}.ueprim-sync-bottom{gap:4px}}