html.has-studio-page-ruler{scrollbar-width:none;scroll-behavior:auto}html.has-studio-page-ruler::-webkit-scrollbar{display:none}html.has-studio-page-ruler body::-webkit-scrollbar{display:none}html.has-studio-page-ruler .studioScrollTop{right:64px}html.has-studio-page-ruler .workRailControls{right:96px}.studioPageRuler{--rail-width:40px;--rail-color:#a9c7d5;--rail-accent:var(--cyan)}.studioPageRuler[hidden],.studioPageRuler [hidden]{display:none}.studioPageRulerRail{z-index:40;right:0;-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair;width:var(--rail-width);color:var(--rail-color);position:fixed;inset-block:0;overflow:hidden}.studioPageRulerRail:focus-visible{outline:2px solid var(--rail-accent);outline-offset:-2px}.studioPageRulerRail.is-dragging{cursor:ns-resize}.studioPageRulerScale,.studioPageRulerTick,.studioPageRulerViewport,.studioPageRulerNeedle,.studioPageRulerCursor{top:0;pointer-events:none;position:absolute;inset-inline:0}.studioPageRulerTickLine{transform-origin:100%;width:8px;height:1px;opacity:var(--tick-opacity,.4);transform:scaleX(var(--tick-stretch,1));background:currentColor;display:block;position:absolute;top:0;right:0}.is-major .studioPageRulerTickLine{width:16px}.studioPageRulerTickNumber{opacity:.5;letter-spacing:.08em;font-size:9px;font-family:var(--font);font-variant-numeric:tabular-nums;position:absolute;top:0;right:18px;transform:translateY(-50%)}.studioPageRulerViewport{opacity:0;border-block:1px solid color-mix(in srgb, currentColor 50%, transparent)}.studioPageRulerNeedle{opacity:0;background:var(--rail-accent);height:1px;box-shadow:0 0 6px var(--rail-accent)}.studioPageRulerProgress{letter-spacing:.08em;color:var(--rail-accent);font-size:9px;line-height:1;font-family:var(--font);font-variant-numeric:tabular-nums;display:flex;position:absolute;top:4px;right:2px}.studioPageRulerPercent{margin-left:2px}.studioPageRulerDigits{height:1em;display:inline-flex;overflow:hidden}.studioPageRulerDigit{height:1em;line-height:1;display:block}.studioPageRulerDigitColumn{transition:transform .28s cubic-bezier(.2,.9,.2,1)}.studioPageRulerCursor{opacity:0;background:var(--rail-color);height:3px;margin-top:-1.5px}@media (width<=1023px),(hover:none),(pointer:coarse){.studioPageRuler{display:none}html.has-studio-page-ruler{scrollbar-width:auto}html.has-studio-page-ruler::-webkit-scrollbar{display:revert}html.has-studio-page-ruler body::-webkit-scrollbar{display:revert}}@media (prefers-reduced-motion:reduce){html.has-studio-page-ruler{scrollbar-width:auto}html.has-studio-page-ruler::-webkit-scrollbar{display:revert}html.has-studio-page-ruler body::-webkit-scrollbar{display:revert}.studioPageRulerDigitColumn{transition:none}.studioPageRulerCursor,.studioPageRulerViewport{display:none}.studioPageRulerRail{cursor:default;touch-action:auto}}