.ruler-tool.svelte-6pxe3k{margin:clamp(1.75rem,5vw,2.75rem) auto 0;max-width:62rem}.ruler-tool.is-fs.svelte-6pxe3k{max-width:none;background:var(--color-paper);padding:1.25rem clamp(1rem,4vw,2.5rem);display:flex;flex-direction:column;justify-content:center;height:100%;overflow:auto}.ruler-bar.svelte-6pxe3k{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem}.ruler-units.svelte-6pxe3k{display:inline-flex;padding:4px;background:var(--color-panel);border:1px solid var(--color-line);border-radius:12px;gap:4px}.ruler-unit.svelte-6pxe3k{font-family:var(--font-mono);font-size:.82rem;font-weight:600;letter-spacing:.02em;padding:.5rem .95rem;min-height:40px;border:none;background:transparent;color:var(--color-ink-soft);border-radius:9px;cursor:pointer;transition:background .18s ease,color .18s ease}.ruler-unit.svelte-6pxe3k:hover{color:var(--color-ink)}.ruler-unit.active.svelte-6pxe3k{background:var(--color-ink);color:#fff}.ruler-status.svelte-6pxe3k{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.78rem;font-weight:500;padding:.4rem .7rem;border-radius:999px;color:var(--color-warn);background:var(--color-warn-wash);border:1px solid color-mix(in srgb,var(--color-warn) 25%,transparent)}.ruler-status.ok.svelte-6pxe3k{color:var(--color-ok);background:var(--color-ok-wash);border-color:color-mix(in srgb,var(--color-ok) 25%,transparent)}.ruler-status.svelte-6pxe3k svg:where(.svelte-6pxe3k){width:.95rem;height:.95rem}.ruler-actions.svelte-6pxe3k{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.ruler-surface.svelte-6pxe3k{position:relative;background:linear-gradient(180deg,#fffdf8,var(--color-panel));border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 1px #ffffffb3 inset,0 18px 40px -28px #18160f80}.ruler-readout.svelte-6pxe3k{position:absolute;top:1rem;right:1rem;z-index:4;text-align:right;background:color-mix(in srgb,var(--color-paper) 88%,transparent);backdrop-filter:blur(4px);border:1px solid var(--color-line);border-radius:10px;padding:.4rem .7rem;pointer-events:none}.ruler-readout__main.svelte-6pxe3k{display:block;font-family:var(--font-mono);font-weight:700;font-size:1.3rem;line-height:1.1;color:var(--color-ink)}.ruler-readout__main.svelte-6pxe3k em:where(.svelte-6pxe3k){font-style:normal;font-size:.85rem;color:var(--color-signal-deep)}.ruler-readout__sub.svelte-6pxe3k{font-family:var(--font-mono);font-size:.68rem;color:var(--color-ink-faint)}.ruler-stage.svelte-6pxe3k{position:relative;width:100%;height:160px;cursor:crosshair;touch-action:none;overflow:hidden;border-radius:10px}.is-vertical.svelte-6pxe3k .ruler-stage:where(.svelte-6pxe3k){height:min(68vh,640px)}.ruler-canvas.svelte-6pxe3k{position:absolute;inset:0;display:block}.ruler-guide.svelte-6pxe3k{position:absolute;z-index:3;touch-action:none}.ruler-tool.svelte-6pxe3k:not(.is-vertical) .ruler-guide:where(.svelte-6pxe3k){top:0;bottom:0;width:2px;margin-left:-1px;background:var(--color-signal);cursor:ew-resize}.is-vertical.svelte-6pxe3k .ruler-guide:where(.svelte-6pxe3k){left:0;right:0;height:2px;margin-top:-1px;background:var(--color-signal);cursor:ns-resize}.ruler-guide__grip.svelte-6pxe3k{position:absolute;display:block;width:22px;height:22px;border-radius:7px;background:var(--color-signal);border:2px solid #fff;box-shadow:0 2px 8px -1px #d43e0a8c}.ruler-tool.svelte-6pxe3k:not(.is-vertical) .ruler-guide__grip:where(.svelte-6pxe3k){left:-10px;bottom:8px;cursor:ew-resize}.is-vertical.svelte-6pxe3k .ruler-guide__grip:where(.svelte-6pxe3k){top:-10px;right:8px;cursor:ns-resize}.ruler-hint.svelte-6pxe3k{margin:.85rem 0 0;text-align:center;font-size:.85rem;color:var(--color-ink-faint)}.ruler-calibration.svelte-6pxe3k{margin-top:1.5rem;background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:clamp(1.1rem,3vw,1.75rem)}.ruler-cal__title.svelte-6pxe3k{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;margin:0 0 .3rem;color:var(--color-ink)}.ruler-cal__desc.svelte-6pxe3k{margin:0 0 1.25rem;color:var(--color-ink-soft);font-size:.95rem}.ruler-cal__grid.svelte-6pxe3k{display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;align-items:start}.ruler-cal__method.svelte-6pxe3k{display:flex;gap:.75rem;background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:1rem}.ruler-cal__step.svelte-6pxe3k{flex-shrink:0;width:1.7rem;height:1.7rem;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:.8rem;color:#fff;background:var(--color-signal);border-radius:8px}.ruler-cal__body.svelte-6pxe3k{flex:1;display:flex;flex-direction:column;gap:.75rem}.ruler-cal__or.svelte-6pxe3k{display:grid;place-items:center;font-family:var(--font-mono);font-size:.75rem;color:var(--color-ink-faint);text-transform:uppercase;letter-spacing:.12em;padding-top:1rem}.ruler-cal__or.svelte-6pxe3k span:where(.svelte-6pxe3k){padding:.3rem 0}.ruler-field.svelte-6pxe3k{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:500;color:var(--color-ink-soft)}.ruler-field__row.svelte-6pxe3k{display:inline-flex;align-items:center;gap:.5rem}.ruler-field.svelte-6pxe3k input[type=number]:where(.svelte-6pxe3k){width:6rem;font-family:var(--font-mono);font-size:1rem;padding:.55rem .7rem;border:1px solid var(--color-line-strong);border-radius:9px;background:var(--color-paper);color:var(--color-ink)}.ruler-field__unit.svelte-6pxe3k{font-family:var(--font-mono);font-size:.85rem;color:var(--color-ink-faint)}.ruler-cal__cardhint.svelte-6pxe3k{margin:0;font-size:.85rem;color:var(--color-ink-soft)}.ruler-card-wrap.svelte-6pxe3k{display:flex;justify-content:center;padding:.5rem 0;overflow-x:auto}.ruler-card.svelte-6pxe3k{position:relative;border-radius:10px;background:linear-gradient(135deg,#2a2620,#45403550);background-color:var(--color-ink);border:1px solid #000;box-shadow:0 8px 20px -12px #18160fb3;display:grid;place-items:center;flex-shrink:0}.ruler-card__label.svelte-6pxe3k{font-family:var(--font-mono);font-size:.8rem;color:var(--color-signal);letter-spacing:.04em}.ruler-slider.svelte-6pxe3k{width:100%;accent-color:var(--color-signal);cursor:pointer}.ruler-cal__reset.svelte-6pxe3k{margin-top:1rem;background:none;border:none;font-family:var(--font-mono);font-size:.8rem;color:var(--color-ink-faint);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ruler-cal__reset.svelte-6pxe3k:hover{color:var(--color-signal-deep)}@media (max-width: 720px){.ruler-cal__grid.svelte-6pxe3k{grid-template-columns:1fr}.ruler-cal__or.svelte-6pxe3k{padding:0}.ruler-readout.svelte-6pxe3k{position:static;text-align:left;margin-bottom:.75rem;display:inline-block}}