.dpi{gap:20px;display:grid}.dpi-setup{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.dpi-dist label{color:var(--muted);font-size:12px;font-weight:600}.dpi-dist-row{gap:8px;display:flex}.dpi-dist-row input{flex:1;min-width:0}.dpi .tool-field input{width:100%;min-width:0}.dpi-dist-row .tool-seg{flex:none}.dpi-card{height:44px}.dpi-pad{background:radial-gradient(circle at 1px 1px, #19161312 1px, transparent 0) 0 0 / 22px 22px, var(--tile);min-height:280px;color:var(--ink);text-align:center;cursor:pointer;border:0;border-radius:26px;place-items:center;padding:28px 24px 64px;transition:background-color .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden}.dpi-pad:hover:not(:disabled){box-shadow:inset 0 0 0 1px #19161314}.dpi-pad:disabled{cursor:default}.dpi-pad[data-phase=ready],.dpi-pad[data-phase=measuring]{background-color:var(--accent-soft);cursor:none}.dpi-pad:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.dpi-face{justify-items:center;gap:10px;max-width:30em;display:grid}.dpi-face>*{animation:rise .45s var(--ease-out) both}.dpi-cta{font-family:var(--font-serif);letter-spacing:-.015em;text-wrap:balance;align-items:center;gap:10px;font-size:clamp(26px,3.4vw,36px);line-height:1.1;display:inline-flex}.dpi-cta svg{color:var(--accent);flex:none}.dpi-sub{color:var(--muted);text-wrap:pretty;font-size:14.5px;line-height:1.5}.dpi-big{font-family:var(--font-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(56px,8vw,88px);font-weight:500;line-height:1;animation:none!important}.dpi-meter{background:#19161314;border-radius:3px;height:6px;position:absolute;bottom:24px;left:24px;right:24px}.dpi-meter-fill{border-radius:inherit;background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.dpi-meter-mark{background:var(--ink);border-radius:1px;width:2px;height:18px;position:absolute;top:-6px;left:80%}.dpi-meter-mark i{white-space:nowrap;font-style:normal;font-family:var(--font-mono);color:var(--muted);font-size:11px;position:absolute;bottom:calc(100% + 6px);right:-6px}.dpi-runs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dpi-runs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dpi-runs li{height:40px;box-shadow:inset 0 0 0 1px var(--line);animation:rise .4s var(--ease-out) both;border-radius:999px;align-items:center;gap:8px;padding:0 4px 0 14px;font-size:13px;display:inline-flex}.dpi-runs li span{color:var(--muted);font-weight:600}.dpi-runs li b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500}.dpi-runs li small{font-family:var(--font-mono);color:var(--muted);font-size:12px}.dpi-runs li button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid}.dpi-runs li button:hover{background:var(--tile);color:var(--ink)}.dpi-runs .tool-btn{height:40px}@media (max-width:679px){.dpi-setup{grid-template-columns:1fr}.dpi-card{justify-self:start}.dpi-pad{min-height:240px;padding:24px 18px 60px}.dpi-meter{left:18px;right:18px}}