.dpi-screen{-webkit-user-select:none;user-select:none;flex-direction:column;height:300px;padding:12px 14px 16px;display:flex}@media (width>=1024px){.dpi-screen{height:400px;padding:16px 22px 22px}}.dpi-on{cursor:none}.dpi-top{color:var(--screen-muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.dpi-state{transition:color .2s}.dpi-on .dpi-state{color:var(--accent-dark-text)}@media (width>=1024px){.dpi-top{font-size:15px}}.dpi-main{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.dpi-big{direction:ltr;align-items:baseline;gap:8px;line-height:1;display:flex}.dpi-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:80px;font-weight:300;font-stretch:125%}.dpi-unit{font-size:18px;font-weight:600}.dpi-hint{max-width:360px;color:var(--screen-muted);font-variant-numeric:tabular-nums;font-size:14px}.dpi-intro{max-width:380px;color:var(--screen-ink);font-size:16px;font-weight:600}@media (width>=1024px){.dpi-num{font-size:140px}.dpi-unit{font-size:24px}.dpi-hint{font-size:16px}.dpi-intro{max-width:460px;font-size:18px}}.dpi-rule{direction:ltr;flex:none;align-items:center;gap:10px;height:24px;margin:0 6px;display:flex;position:relative}.dpi-arrow{background:var(--screen-line-2);flex:auto;height:2px;position:relative}.dpi-arrow:after{content:"";border-top:2px solid var(--screen-line-2);border-right:2px solid var(--screen-line-2);width:10px;height:10px;position:absolute;top:-5px;right:-1px;transform:rotate(45deg)}.dpi-hold .dpi-arrow,.dpi-hold .dpi-arrow:after{background-color:var(--trace);border-color:var(--trace)}.dpi-hold .dpi-arrow:after{background:0 0}.dpi-dist{color:var(--screen-muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.dpi-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.dpi-fields .input{font-variant-numeric:tabular-nums}.dpi-wide{grid-column:1/-1}.dpi-note{color:var(--muted);font-size:14px}.dpi-runs{font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none;display:grid}.dpi-runs li{border-bottom:1px solid var(--line-2);justify-content:space-between;gap:12px;padding:7px 2px;font-size:15px;display:flex}.dpi-runs li:first-child span:last-child{font-weight:700}