.slide-navigation{display:flex;align-items:center;justify-content:center;gap:10px}
.slide-navigation button{height:34px;min-width:38px;border:1px solid #2c5275;border-radius:9px;background:#102b49;color:#f4f8fc;font:700 19px/1 "Segoe UI",Arial,sans-serif;cursor:pointer}
.slide-navigation button:hover,.slide-navigation button:focus{background:#17436d;border-color:#35d4dd;outline:none}
#toggleRotation{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;font-size:13px;min-width:92px}
#toggleIcon{font-size:15px}
.rotation-controls{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}
#rotationStatus{text-align:right;color:#91a8bf}
#rotationStatus strong{color:#35d4dd}
#rotationEditor{display:flex;align-items:center;gap:6px;color:#91a8bf}
#rotationEditor[hidden]{display:none}
#rotationSeconds{width:68px;height:32px;box-sizing:border-box;border:1px solid #35d4dd;border-radius:7px;background:#081c31;color:#fff;padding:0 7px;text-align:center;font:700 14px "Segoe UI",Arial,sans-serif}
#rotationSeconds:focus{outline:2px solid rgba(53,212,221,.3);outline-offset:1px}
.rotation-controls #toggleRotation{height:34px;border:1px solid #2c5275;border-radius:9px;background:#102b49;color:#f4f8fc;font-weight:700;cursor:pointer}
.rotation-controls #toggleRotation:hover,.rotation-controls #toggleRotation:focus{background:#17436d;border-color:#35d4dd;outline:none}
.dots{margin:0 4px}