.wf-ruler-overlay{position:absolute;inset:0;pointer-events:none;z-index:5}.wf-ruler-debug{position:absolute;left:32px;bottom:16px;margin:0;padding:var(--space-8) var(--space-12);background:rgba(0,0,0,.85);border:1px solid var(--accent,#56d4a8);border-radius:var(--radius-4);color:var(--accent,#56d4a8);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-050);line-height:1.5;white-space:pre;pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text;z-index:100}.wf-ruler{position:absolute;background:var(--surface-canvas);color:var(--muted);font-family:var(--font-stack);font-size:var(--font-size-100);overflow:hidden}.wf-ruler-x{top:0;left:24px;right:0;height:24px;border-bottom:1px solid var(--border-default)}.wf-ruler-y{top:24px;bottom:0}.wf-ruler-corner,.wf-ruler-y{left:0;width:24px;border-right:1px solid var(--border-default)}.wf-ruler-corner{position:absolute;top:0;height:24px;background:var(--surface-canvas);border-bottom:1px solid var(--border-default);z-index:3}.wf-ruler-tick{position:absolute;color:var(--muted)}.wf-ruler-tick-x{top:0;bottom:0;width:0}.wf-ruler-tick-x:after{content:"";position:absolute;bottom:0;left:0;width:1px;height:5px;background:var(--border-strong)}.wf-ruler-tick-x .wf-ruler-label{position:absolute;top:4px;left:0;transform:translateX(-50%);white-space:nowrap;line-height:1}.wf-ruler-tick-y{left:0;right:0;height:0}.wf-ruler-tick-y:after{content:"";position:absolute;top:0;right:0;width:5px;height:1px;background:var(--border-strong)}.wf-ruler-tick-y .wf-ruler-label{position:absolute;top:0;left:12px;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center;white-space:nowrap;line-height:1}.wf-ruler-tick.is-zero:after{background:var(--accent)}.wf-ruler-tick.is-zero .wf-ruler-label{color:var(--accent);font-weight:600}.zoom-toolbar{position:absolute;right:16px;bottom:16px;z-index:10;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-8);box-shadow:var(--elevation-300);-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoom-toolbar-btn{background:transparent;border:0;color:var(--fg,#e6e6ea);font-size:var(--font-size-300);line-height:1;min-width:28px;height:28px;padding:0 var(--space-8);border-radius:var(--radius-4);cursor:pointer;font-family:inherit}.zoom-toolbar-btn:hover{background:var(--surface-hover)}.zoom-toolbar-percent{min-width:56px;font-size:var(--font-size-075);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted,#8a8a96)}