.dock-value-ruler{position:fixed;z-index:35;left:50%;transform:translateX(-50%);width:min(88vw,480px);height:65px;pointer-events:none;color:#665843;text-align:center;filter:none!important}
.dock-value-ruler[hidden]{display:none!important}.dock-ruler-value{display:block;font:12px/22px -apple-system,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #fff}
.dock-ruler-window{height:40px;position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 10% 90%,transparent);background:linear-gradient(#f8f4ebdd,#eee7d8b0);border-radius:10px;backdrop-filter:blur(14px)}
.dock-ruler-window:before{content:'';position:absolute;left:0;right:0;top:13px;height:1px;background:#8b7a615c}.dock-ruler-track{position:absolute;left:50%;top:6px;transition:transform 75ms cubic-bezier(.2,.8,.2,1)}
.dock-ruler-tick{position:absolute;width:1px;height:10px;background:#8d7a6266;top:2px}.dock-ruler-tick.major{height:16px;top:0;background:#806a4bc0}.dock-ruler-tick b{position:absolute;top:18px;left:0;transform:translateX(-50%);font:9px/1 -apple-system,sans-serif;color:#7b6a51}
.dock-ruler-needle{position:absolute;left:50%;top:3px;width:2px;height:24px;background:#b2843a;box-shadow:0 0 0 3px #f8f3eaaa;border-radius:1px}
.framing-entry-dock button[hidden],.framing-entry-dock button[hidden] .vip-mark,.framing-entry-dock button:disabled .vip-mark,.framing-entry-dock button[data-parent-hidden=true] .vip-mark,.style-push-children[inert] .vip-mark{display:none!important}
.framing-entry-dock .environment-wheel{transition:transform 150ms ease-out}.mat-mode-wheel>*{transition:transform 130ms ease-out}.mat-colour-track{transition:transform 130ms ease-out}
@media(prefers-reduced-motion:reduce){.dock-ruler-track,.mat-mode-wheel>*,.mat-colour-track,.framing-entry-dock .environment-wheel,.classic-wheel-track{transition:none!important}}