.fixed-ruler-box[data-astro-cid-gwbjpp23]{background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:24px;padding:24px;position:relative}.fixed-ruler-head[data-astro-cid-gwbjpp23]{cursor:grab;user-select:none;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.fixed-ruler-head[data-astro-cid-gwbjpp23]:active{cursor:grabbing}.ruler-head-info[data-astro-cid-gwbjpp23]{align-items:flex-start;gap:10px;display:flex}.drag-grip[data-astro-cid-gwbjpp23]{color:var(--muted);flex-shrink:0;margin-top:4px;font-size:22px;line-height:1}.fixed-ruler-head[data-astro-cid-gwbjpp23] h3[data-astro-cid-gwbjpp23]{color:var(--text);pointer-events:none;margin:0;font-size:26px}.fixed-ruler-head[data-astro-cid-gwbjpp23] p[data-astro-cid-gwbjpp23]{color:var(--muted);pointer-events:none;margin:8px 0 0}.fixed-ruler-actions[data-astro-cid-gwbjpp23]{cursor:default;flex-wrap:wrap;gap:10px;display:flex}.fixed-ruler-actions[data-astro-cid-gwbjpp23] button[data-astro-cid-gwbjpp23]{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:11px 16px;font-weight:800}.fixed-ruler-actions[data-astro-cid-gwbjpp23] button[data-astro-cid-gwbjpp23].active{background:var(--primary);border-color:var(--primary);color:#fff}.fixed-ruler-actions[data-astro-cid-gwbjpp23] button[data-astro-cid-gwbjpp23]:hover:not(.active){border-color:var(--primary);color:var(--primary)}.fixed-ruler-area[data-astro-cid-gwbjpp23]{padding-top:62px;position:relative}.ruler-pointer[data-astro-cid-gwbjpp23]{z-index:10;cursor:ew-resize;user-select:none;touch-action:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:10px;transform:translate(-50%)}.pointer-bubble[data-astro-cid-gwbjpp23]{color:#fff;white-space:nowrap;background:#ef4444;border-radius:20px;margin-bottom:4px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.3;box-shadow:0 2px 10px #ef444466}.pointer-shaft[data-astro-cid-gwbjpp23]{background:#ef4444;width:2px;height:24px}.pointer-tip[data-astro-cid-gwbjpp23]{border-top:12px solid #ef4444;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0}.pointer-2[data-astro-cid-gwbjpp23]{z-index:9;left:80px}.pointer-2[data-astro-cid-gwbjpp23] .pointer-bubble[data-astro-cid-gwbjpp23]{background:#2563eb;box-shadow:0 2px 10px #2563eb66}.pointer-2[data-astro-cid-gwbjpp23] .pointer-shaft[data-astro-cid-gwbjpp23]{background:#2563eb}.pointer-2[data-astro-cid-gwbjpp23] .pointer-tip[data-astro-cid-gwbjpp23]{border-top-color:#2563eb}.fixed-ruler-scroll[data-astro-cid-gwbjpp23]{border:1px solid var(--border);background:#f8fafc;border-radius:18px;width:100%;padding:16px 10px 8px;position:relative;overflow-x:auto}.fixed-ruler-svg[data-astro-cid-gwbjpp23]{color:#111827;cursor:crosshair;min-width:900px;display:block}.measure-band[data-astro-cid-gwbjpp23]{pointer-events:none;z-index:5;background:#2563eb26;border-left:2px solid #2563eb;border-right:2px solid #2563eb;display:none;position:absolute;top:0;bottom:0}.measure-label[data-astro-cid-gwbjpp23]{color:#fff;white-space:nowrap;pointer-events:none;z-index:6;background:#2563eb;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.4;display:none;position:absolute;box-shadow:0 2px 8px #2563eb66}.ruler-hint[data-astro-cid-gwbjpp23]{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.5}.hint-tri[data-astro-cid-gwbjpp23]{color:#ef4444;font-size:11px}.hint-copy[data-astro-cid-gwbjpp23]{color:var(--primary);font-weight:700}.span-display[data-astro-cid-gwbjpp23]{color:var(--primary);min-height:1.4em;margin:6px 0 0;font-size:14px;font-weight:700;line-height:1.5}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .fixed-ruler-area[data-astro-cid-gwbjpp23]{padding-top:0;padding-left:80px}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .ruler-pointer[data-astro-cid-gwbjpp23]{cursor:ns-resize;flex-direction:row;align-items:center;width:auto;top:10px;left:0;right:0;transform:translateY(-50%)}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .pointer-2[data-astro-cid-gwbjpp23]{top:80px;left:0}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .pointer-bubble[data-astro-cid-gwbjpp23]{text-align:center;flex-shrink:0;min-width:64px;margin-bottom:0;margin-right:8px}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .pointer-shaft[data-astro-cid-gwbjpp23]{flex:1;width:auto;height:2px}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .pointer-tip[data-astro-cid-gwbjpp23]{display:none}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .fixed-ruler-scroll[data-astro-cid-gwbjpp23]{max-height:520px;padding:10px 8px 8px;overflow:hidden auto}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .fixed-ruler-svg[data-astro-cid-gwbjpp23]{cursor:crosshair;width:150px;min-width:0}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .measure-band[data-astro-cid-gwbjpp23]{border:2px solid #2563eb;border-left:none;border-right:none;width:auto!important;left:0!important;right:0!important}:-webkit-any(.fixed-ruler-box[data-astro-cid-gwbjpp23]:fullscreen,.fixed-ruler-box[data-astro-cid-gwbjpp23]:-webkit-full-screen){box-sizing:border-box;background:var(--surface);border-radius:0;width:100vw;height:100vh;padding:32px;overflow-y:auto;transform:none!important}:is(.fixed-ruler-box[data-astro-cid-gwbjpp23]:fullscreen,.fixed-ruler-box[data-astro-cid-gwbjpp23]:fullscreen){box-sizing:border-box;background:var(--surface);border-radius:0;width:100vw;height:100vh;padding:32px;overflow-y:auto;transform:none!important}:-webkit-any(.fixed-ruler-box[data-astro-cid-gwbjpp23]:fullscreen .fixed-ruler-scroll[data-astro-cid-gwbjpp23],.fixed-ruler-box[data-astro-cid-gwbjpp23]:-webkit-full-screen .fixed-ruler-scroll[data-astro-cid-gwbjpp23]){max-height:calc(100vh - 300px)}:is(.fixed-ruler-box[data-astro-cid-gwbjpp23]:fullscreen .fixed-ruler-scroll[data-astro-cid-gwbjpp23],.fixed-ruler-box[data-astro-cid-gwbjpp23]:fullscreen .fixed-ruler-scroll[data-astro-cid-gwbjpp23]){max-height:calc(100vh - 300px)}:-webkit-any(.fixed-ruler-box[data-astro-cid-gwbjpp23]:fullscreen .fixed-ruler-head[data-astro-cid-gwbjpp23] h3[data-astro-cid-gwbjpp23],.fixed-ruler-box[data-astro-cid-gwbjpp23]:-webkit-full-screen .fixed-ruler-head[data-astro-cid-gwbjpp23] h3[data-astro-cid-gwbjpp23]){font-size:30px}:is(.fixed-ruler-box[data-astro-cid-gwbjpp23]:fullscreen .fixed-ruler-head[data-astro-cid-gwbjpp23] h3[data-astro-cid-gwbjpp23],.fixed-ruler-box[data-astro-cid-gwbjpp23]:fullscreen .fixed-ruler-head[data-astro-cid-gwbjpp23] h3[data-astro-cid-gwbjpp23]){font-size:30px}@media (width<=700px){.fixed-ruler-box[data-astro-cid-gwbjpp23]{padding:16px}.fixed-ruler-head[data-astro-cid-gwbjpp23]{flex-direction:column}.ruler-head-info[data-astro-cid-gwbjpp23]{gap:8px}.fixed-ruler-head[data-astro-cid-gwbjpp23] h3[data-astro-cid-gwbjpp23]{font-size:20px}.fixed-ruler-actions[data-astro-cid-gwbjpp23] button[data-astro-cid-gwbjpp23]{padding:9px 12px;font-size:13px}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .fixed-ruler-area[data-astro-cid-gwbjpp23]{padding-left:70px}.fixed-ruler-box[data-astro-cid-gwbjpp23].vertical .fixed-ruler-scroll[data-astro-cid-gwbjpp23]{max-height:380px}}html.dark .fixed-ruler-scroll{background:#000;border-color:#1e293b}html.dark .fixed-ruler-svg{color:#fff}:-webkit-any(html.dark .fixed-ruler-box:fullscreen,html.dark .fixed-ruler-box:-webkit-full-screen){background:var(--surface)}:is(html.dark .fixed-ruler-box:fullscreen,html.dark .fixed-ruler-box:fullscreen){background:var(--surface)}