.tool[data-tool=screen-ruler] .ruler-box{border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-2);color:var(--c-text);overflow:hidden}.tool[data-tool=screen-ruler] .ruler{display:block}.tool[data-tool=screen-ruler] .card-wrap{padding-block:var(--space-2);overflow-x:auto}.tool[data-tool=screen-ruler] .card-box{border:2px solid var(--c-primary);background:var(--c-surface-2);color:var(--c-text-2);font-size:var(--fs-sm);text-align:center;border-radius:12px;justify-content:center;align-items:center;display:flex}.tool[data-tool=screen-ruler] .sub-h{font-size:var(--fs-md,1.1rem);margin:0}.tool[data-tool=screen-ruler] input[type=range]{inline-size:100%;accent-color:var(--c-primary);min-block-size:40px}