.navigation-controls{font:12px "PingFang SC",system-ui,sans-serif;color:#34594f;margin:0 28px 16px;padding:0;border:1px solid #d4ddd1;border-radius:8px;background:#f8f8edfa;position:relative;z-index:6;width:max-content;max-width:calc(100% - 32px);box-shadow:0 3px 18px #163d3320}
.navigation-controls summary{display:flex;align-items:center;gap:12px;list-style:none;padding:11px 13px;cursor:pointer;user-select:none;font-size:11px}
.navigation-controls summary::-webkit-details-marker{display:none}.navigation-controls summary>span{margin-left:auto}.navigation-speed{font-size:10px;color:#658077;font-variant-numeric:tabular-nums}
.navigation-options{width:276px;max-width:calc(100vw - 40px);padding:14px;background:#f8f8edfa;border-radius:8px;border:1px solid #d4ddd1}
.navigation-controls:not(.navigation-floating) .navigation-options{position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 6px 24px #163d3330}
.navigation-modes{display:flex;gap:6px;margin-bottom:16px}.navigation-controls button{font:inherit;color:#34594f;padding:8px 9px;border:1px solid #c8d6cc;border-radius:5px;background:white;cursor:pointer}.navigation-modes button{flex:1;font-size:11px}.navigation-modes button[aria-pressed=true]{color:#fff;background:#376e63;border-color:#376e63}.navigation-modes button:disabled{opacity:.4;cursor:default}
.navigation-controls label{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:11px;margin:12px 0}.navigation-controls label output{font-variant-numeric:tabular-nums}.navigation-controls input[type=range]{width:100%;max-width:none;grid-column:1/-1;accent-color:#376e63;margin:5px 0;height:20px;cursor:pointer}.navigation-controls p{font-size:10px;line-height:1.9;color:#71837a;margin:12px 0}.navigation-reset{width:100%;font-size:11px!important}
.navigation-floating{position:absolute;bottom:78px;right:28px;margin:0}.navigation-floating .navigation-options{position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 6px 24px #163d3330}.compare-open .navigation-floating{right:calc(36% + 20px)}
@media(max-width:1000px){.compare-open .navigation-floating{right:20px}.navigation-controls:not(.navigation-floating){margin:0 16px 12px}}
@media(max-width:900px){.navigation-floating{bottom:74px;right:20px}#caption{bottom:130px}.navigation-floating summary{padding:9px 11px}.navigation-options{max-height:calc(100dvh - 180px);overflow:auto}}