[data-dpi-test]{--dpi-accent: var(--color-accent);--dpi-accent-soft: rgb(var(--color-accent) / .12);--dpi-accent-border: rgb(var(--color-accent) / .45);--dpi-grid: rgb(var(--color-ink) / .06);--dpi-ease-out: cubic-bezier(.23, 1, .32, 1)}.dpi-instrument{display:flex;flex-direction:column;gap:0;border-radius:var(--radius-xl);overflow:hidden;background:rgb(var(--color-surface-card));border:1px solid rgb(var(--color-border) / .65);box-shadow:var(--shadow-card)}.dpi-instrument__rail{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;padding:.65rem 1rem;min-height:3.25rem;border-bottom:1px solid rgb(var(--color-border) / .55);background:rgb(var(--color-surface-card))}.dpi-instrument__rail-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.dpi-instrument__brand{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto}.dpi-instrument__back{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);color:rgb(var(--color-ink-muted));border:1px solid rgb(var(--color-border) / .7);background:rgb(var(--color-surface-soft));transition:border-color .16s var(--dpi-ease-out),color .16s var(--dpi-ease-out),transform .16s var(--dpi-ease-out)}@media(hover:hover)and (pointer:fine){.dpi-instrument__back:hover{color:rgb(var(--color-ink));border-color:rgb(var(--color-accent) / .45)}}.dpi-instrument__back:active{transform:scale(.97)}.dpi-instrument__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--dpi-accent-soft);color:rgb(var(--dpi-accent))}.dpi-instrument__title{font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:rgb(var(--color-ink));margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpi-instrument__controls{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem;height:2.9375rem;padding:0 .85rem;border-radius:999px;background:rgb(var(--color-surface-soft));border:1px solid rgb(var(--color-border) / .6);box-shadow:inset 0 1px rgb(var(--color-surface-card) / .55),0 1px 2px rgb(var(--color-ink) / .04)}.dpi-instrument__field{display:inline-flex;align-items:center;gap:.5rem;margin:0;flex-shrink:0}.dpi-instrument__field-label{font-size:.625rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:rgb(var(--color-ink-muted));white-space:nowrap}.dpi-instrument__input{width:2.75rem;min-width:2.75rem;height:1.75rem;padding:0 .25rem;font-size:.8125rem;font-weight:650;font-variant-numeric:tabular-nums;text-align:center;border-radius:.4rem;border:1px solid rgb(var(--color-border) / .65);background:rgb(var(--color-surface-card));color:rgb(var(--color-ink));box-shadow:inset 0 1px 2px rgb(var(--color-ink) / .06);transition:border-color .16s var(--dpi-ease-out),box-shadow .16s var(--dpi-ease-out)}.dpi-instrument__input[data-dpi-rated]{width:5.5rem;min-width:5.5rem}@media(hover:hover)and (pointer:fine){.dpi-instrument__input:hover{border-color:rgb(var(--color-border) / .9)}}.dpi-instrument__input:focus-visible{outline:none;border-color:rgb(var(--color-accent) / .55);box-shadow:inset 0 1px 2px rgb(var(--color-ink) / .06),0 0 0 2px rgb(var(--color-accent) / .18)}.dpi-instrument__units{display:inline-flex;padding:.125rem;border-radius:999px;background:rgb(var(--color-surface-card));border:1px solid rgb(var(--color-border) / .6);box-shadow:inset 0 1px 2px rgb(var(--color-ink) / .05)}.dpi-instrument__unit{min-width:2rem;height:1.5rem;padding:0 .5rem;font-size:.6875rem;font-weight:650;line-height:1;border-radius:999px;color:rgb(var(--color-ink-muted));transition:background .16s var(--dpi-ease-out),color .16s var(--dpi-ease-out),transform .16s var(--dpi-ease-out)}@media(hover:hover)and (pointer:fine){.dpi-instrument__unit:hover:not([aria-pressed=true]){color:rgb(var(--color-ink))}}.dpi-instrument__unit:active{transform:scale(.97)}.dpi-instrument__unit[aria-pressed=true]{background:rgb(var(--color-accent));color:rgb(var(--color-surface-card));box-shadow:0 1px 2px rgb(var(--color-accent) / .25)}.dpi-instrument__divider{flex-shrink:0;width:1px;height:1.35rem;background:rgb(var(--color-border) / .8)}.dpi-instrument__reset{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:999px;border:1px solid rgb(var(--color-border) / .65);color:rgb(var(--dpi-accent));background:rgb(var(--color-surface-card));transition:border-color .16s var(--dpi-ease-out),background .16s var(--dpi-ease-out),transform .16s var(--dpi-ease-out)}@media(hover:hover)and (pointer:fine){.dpi-instrument__reset:hover{border-color:var(--dpi-accent-border);background:var(--dpi-accent-soft)}}.dpi-instrument__reset:active{transform:scale(.97)}.dpi-instrument__meta{flex-shrink:0;margin-left:.35rem;padding:.2rem .45rem;font-size:.625rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--color-ink-muted));border-radius:999px;border:1px solid rgb(var(--color-border) / .55);background:rgb(var(--color-surface-soft))}.dpi-instrument__body{display:grid;grid-template-columns:1fr;min-height:0}@media(min-width:960px){.dpi-instrument__body{grid-template-columns:minmax(0,3fr) minmax(0,1fr);min-height:clamp(18rem,52vh,28rem);max-height:clamp(18rem,52vh,28rem)}.dpi-instrument__stage,.dpi-instrument__side{min-height:0}}.dpi-instrument__side{display:flex;flex-direction:column;border-top:1px solid rgb(var(--color-border) / .45);background:rgb(var(--color-surface-card));min-height:0;overflow:hidden}@media(min-width:960px){.dpi-instrument__side{border-top:none;border-left:1px solid rgb(var(--color-border) / .45);height:100%;max-height:100%}}@media(max-width:959px){.dpi-instrument__side{min-height:26rem}}.dpi-instrument__graph-section{flex:0 0 auto;border-bottom:1px solid rgb(var(--color-border) / .45)}.dpi-instrument__graph-head,.dpi-instrument__log-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;border-bottom:1px solid rgb(var(--color-border) / .45)}.dpi-instrument__graph-title,.dpi-instrument__log-title{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.dpi-instrument__graph-meta,.dpi-instrument__log-count{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:rgb(var(--color-ink-muted))}.dpi-instrument__graph{position:relative;display:flex;align-items:flex-end;gap:2px;height:5rem;min-height:4.75rem;max-height:5.5rem;padding:.45rem .65rem .35rem}.dpi-instrument__graph[data-populated=false] .dpi-instrument__bar{opacity:.55}.dpi-instrument__graph-grid{position:absolute;inset:.45rem .65rem .35rem;pointer-events:none}.dpi-instrument__graph-line{position:absolute;left:0;right:0;bottom:var(--line-at);height:1px;background:rgb(var(--color-border) / .6)}.dpi-instrument__graph-line--800{background:rgb(var(--color-ink-muted) / .35)}.dpi-instrument__graph-line--1600{background:rgb(var(--color-accent) / .35)}.dpi-instrument__graph-line--3200{background:rgb(var(--color-accent) / .55)}.dpi-instrument__bar{position:relative;z-index:1;flex:1 1 0;min-width:2px;height:2px;border-radius:1px;background:rgb(var(--color-border) / .45);transition:height .2s var(--dpi-ease-out),background-color .14s var(--dpi-ease-out),box-shadow .14s var(--dpi-ease-out),opacity .16s var(--dpi-ease-out)}.dpi-instrument__bar[data-latest]{box-shadow:0 0 0 1px rgb(var(--color-surface-card)),0 0 6px rgb(var(--color-accent) / .35);animation:dpi-bar-latest .22s var(--dpi-ease-out)}@keyframes dpi-bar-latest{0%{opacity:.55}to{opacity:1}}.dpi-instrument__bar[data-grade=ok]{background:rgb(var(--color-accent) / .9)}.dpi-instrument__bar[data-grade=fair]{background:#eab308eb}.dpi-instrument__bar[data-grade=warn]{background:#ef4444e0}.dpi-instrument__log-panel{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.dpi-instrument__log{flex:1 1 0;overflow-x:hidden;overflow-y:auto;min-height:0;max-height:100%;overscroll-behavior:contain;padding:.2rem 0;scrollbar-width:thin;scrollbar-color:rgb(var(--color-border)) transparent}.dpi-instrument__log::-webkit-scrollbar{width:6px}.dpi-instrument__log::-webkit-scrollbar-thumb{border-radius:999px;background:rgb(var(--color-border) / .85)}.dpi-instrument__log-scroll-hint{flex-shrink:0;margin:0;padding:.25rem .65rem 0;font-size:.625rem;font-weight:500;letter-spacing:.02em;text-align:center;color:rgb(var(--color-ink-muted))}.dpi-instrument__log-scroll-hint[hidden]{display:none}.dpi-instrument__log-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.3rem;padding:.28rem .55rem;font-size:.6875rem;transition:background-color .18s var(--dpi-ease-out)}.dpi-instrument__log-row--latest{background:rgb(var(--color-accent) / .1)}.dpi-instrument__log-index{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:999px;font-size:.6875rem;font-weight:700;color:rgb(var(--color-ink-muted));background:rgb(var(--color-surface-soft));border:1px solid rgb(var(--color-border) / .55)}.dpi-instrument__log-row--latest .dpi-instrument__log-index{color:rgb(var(--color-accent));background:rgb(var(--color-accent) / .14);border-color:rgb(var(--color-accent) / .35)}.dpi-instrument__log-rated{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink-muted))}.dpi-instrument__log-real{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink))}.dpi-instrument__log-dev{font-family:var(--font-mono);font-size:.6875rem;font-weight:650;font-variant-numeric:tabular-nums}.dpi-instrument__log-dev[data-grade=ok]{color:rgb(var(--color-accent))}.dpi-instrument__log-dev[data-grade=fair]{color:#eab308}.dpi-instrument__log-dev[data-grade=warn]{color:#ef4444}.dpi-instrument__log-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .65rem;border-top:1px solid rgb(var(--color-border) / .45);background:rgb(var(--color-surface-soft));flex-shrink:0}.dpi-instrument__log-avg-label{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.dpi-instrument__log-avg{font-family:var(--font-mono);font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink))}.dpi-instrument__log-unit{font-size:.75rem;font-weight:600;color:rgb(var(--color-ink-muted))}.dpi-instrument__log:has(.ms-spoke-log-empty){display:flex;flex-direction:column}.ms-spoke-log-empty{display:grid;place-items:center;flex:1 1 auto;min-height:100%;padding:.75rem}.ms-spoke-log-empty-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:min(100%,16rem);padding:.85rem .75rem;border-radius:var(--radius-lg);border:1px solid rgb(var(--color-border) / .45);background:rgb(var(--color-surface-card));text-align:center}.ms-spoke-log-empty-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent))}.ms-spoke-log-empty-title{margin:0;font-size:.8125rem;font-weight:650;color:rgb(var(--color-ink))}.ms-spoke-log-empty-text{margin:0;font-size:.6875rem;font-weight:500;line-height:1.45;text-wrap:balance;color:rgb(var(--color-ink-muted))}@media(min-width:960px){.dpi-instrument__stage{min-height:100%;max-height:100%}}.dpi-instrument__stage{position:relative;min-height:clamp(18rem,52vh,28rem);background-color:rgb(var(--color-surface-card));background-image:linear-gradient(var(--dpi-grid) 1px,transparent 1px),linear-gradient(90deg,var(--dpi-grid) 1px,transparent 1px);background-size:24px 24px;overflow:hidden;cursor:crosshair;touch-action:none;transition:box-shadow .22s var(--dpi-ease-out)}[data-dpi-test][data-dpi-state=measuring] .dpi-instrument__stage{box-shadow:inset 0 0 0 2px rgb(var(--dpi-accent) / .42)}[data-dpi-test][data-dpi-state=complete] .dpi-instrument__stage{box-shadow:inset 0 0 0 2px rgb(var(--color-accent) / .28)}.dpi-instrument__start-zone{position:absolute;inset:0 auto 0 0;width:clamp(3.5rem,8vw,5rem);display:flex;align-items:center;justify-content:center;background:rgb(var(--dpi-accent) / .08);border-right:2px dashed rgb(var(--dpi-accent) / .55);z-index:2;transition:background .2s var(--dpi-ease-out),border-color .2s var(--dpi-ease-out)}.dpi-instrument__start-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;border:none;background:transparent;color:rgb(var(--dpi-accent));cursor:pointer;transition:transform .16s var(--dpi-ease-out)}.dpi-instrument__start-btn:active{transform:scale(.97)}.dpi-instrument__start-dot{width:2.5rem;height:2.5rem;border-radius:999px;display:grid;place-items:center;background:rgb(var(--color-surface-card));border:2px solid rgb(var(--dpi-accent));box-shadow:0 0 0 6px rgb(var(--dpi-accent) / .12);transition:box-shadow .2s var(--dpi-ease-out)}[data-dpi-test][data-dpi-state=idle] .dpi-instrument__start-dot{animation:dpi-start-invite 2.4s var(--dpi-ease-out) infinite}@keyframes dpi-start-invite{0%,to{box-shadow:0 0 0 6px rgb(var(--dpi-accent) / .12)}50%{box-shadow:0 0 0 10px rgb(var(--dpi-accent) / .07)}}.dpi-instrument__start-label{font-size:.625rem;font-weight:700;letter-spacing:.08em}.dpi-instrument__overlay{position:absolute;inset:0;pointer-events:none;z-index:3}.dpi-instrument__svg{position:absolute;inset:0;width:100%;height:100%}.dpi-instrument__hint{position:absolute;top:1rem;left:50%;transform:translate(-50%) translateY(-6px);display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:999px;font-size:.8125rem;font-weight:500;color:rgb(var(--color-surface-card));background:rgb(var(--color-ink) / .88);box-shadow:var(--shadow-md);max-width:calc(100% - 2rem);opacity:0;pointer-events:none;transition:opacity .2s var(--dpi-ease-out),transform .2s var(--dpi-ease-out)}.dpi-instrument__hint-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpi-instrument__hint-px{flex-shrink:0;padding:.15rem .45rem;border-radius:999px;font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:rgb(var(--color-ink));background:rgb(var(--dpi-accent))}[data-dpi-test][data-dpi-state=measuring] .dpi-instrument__hint{opacity:1;transform:translate(-50%) translateY(0)}.dpi-instrument__hint-dot{width:.45rem;height:.45rem;border-radius:999px;background:rgb(var(--dpi-accent));flex-shrink:0;animation:dpi-hint-pulse 1.4s var(--dpi-ease-out) infinite}@keyframes dpi-hint-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}@media(prefers-reduced-motion:reduce){.dpi-instrument__hint{transition:opacity .15s ease;transform:translate(-50%)}[data-dpi-test][data-dpi-state=measuring] .dpi-instrument__hint{transform:translate(-50%)}.dpi-instrument__hint-dot{animation:none}.dpi-instrument__back:active,.dpi-instrument__unit:active,.dpi-instrument__reset:active,.dpi-instrument__start-btn:active{transform:none}.dpi-instrument__idle{transition:opacity .15s ease;transform:none}[data-dpi-test][data-dpi-state=measuring] .dpi-instrument__idle,[data-dpi-test][data-dpi-state=complete] .dpi-instrument__idle{transform:none}.dpi-instrument__stage{transition:box-shadow .15s ease}[data-dpi-test][data-dpi-state=idle] .dpi-instrument__start-dot{animation:none}}.dpi-instrument__px-tip{position:absolute;transform:translate(-50%,.65rem);padding:.3rem .55rem;font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;border-radius:999px;background:rgb(var(--color-ink) / .9);color:rgb(var(--color-surface-card));border:none;box-shadow:var(--shadow-md);white-space:nowrap;z-index:4;pointer-events:none}.dpi-instrument__px-tip[data-clamped=true]{transform:translate(calc(-100% + .35rem),.65rem)}.dpi-instrument__svg [data-dpi-line]{stroke:rgb(var(--dpi-accent));stroke-width:3;stroke-linecap:round}.dpi-instrument__svg [data-dpi-end-dot]{fill:rgb(var(--dpi-accent))}.dpi-instrument__idle{position:absolute;inset:0;display:grid;place-content:center;gap:.75rem;padding:1.5rem;text-align:center;pointer-events:none;z-index:1;opacity:1;transform:translateY(0);transition:opacity .2s var(--dpi-ease-out),transform .2s var(--dpi-ease-out)}[data-dpi-test][data-dpi-state=measuring] .dpi-instrument__idle,[data-dpi-test][data-dpi-state=complete] .dpi-instrument__idle{opacity:0;transform:translateY(6px)}.dpi-instrument__idle-badge{margin:0 auto;width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--dpi-accent-soft);color:rgb(var(--dpi-accent));box-shadow:0 0 0 12px rgb(var(--dpi-accent) / .06)}.dpi-instrument__idle-title{margin:0;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;letter-spacing:-.02em}.dpi-instrument__idle-cta{margin:0;font-size:.9375rem;font-weight:600;color:rgb(var(--dpi-accent))}.dpi-instrument__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgb(var(--color-border) / .4);background:rgb(var(--color-surface-card))}@media(max-width:768px){.dpi-instrument__steps{grid-template-columns:1fr}}@media(max-width:900px){.dpi-instrument__rail{flex-wrap:wrap;align-items:center;row-gap:.65rem}.dpi-instrument__brand{flex:1 1 auto;min-width:0}.dpi-instrument__rail-actions{flex:1 1 100%;justify-content:center;margin-left:0}.dpi-instrument__controls{flex:1 1 auto;justify-content:center;max-width:100%}}@media(max-width:640px){.dpi-instrument__title{display:none}.dpi-instrument__rail-actions{flex-wrap:wrap;gap:.5rem}.dpi-instrument__controls{width:100%;height:auto;min-height:2.9375rem;flex-wrap:wrap;justify-content:space-between;row-gap:.45rem;padding:.45rem .65rem;border-radius:var(--radius-lg)}.dpi-instrument__field-label{font-size:.5625rem}.dpi-instrument__reset{margin-left:auto}}.dpi-instrument__step{position:relative;padding:.9rem 1.15rem 1rem;background:transparent;transition:color .2s var(--dpi-ease-out)}.dpi-instrument__step:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s var(--dpi-ease-out)}.dpi-instrument__step:not(:last-child):after{content:"";position:absolute;top:.85rem;right:0;bottom:.85rem;width:1px;background:rgb(var(--color-border) / .35)}[data-dpi-test][data-dpi-active-step="1"] .dpi-instrument__step[data-dpi-step="1"]:before,[data-dpi-test][data-dpi-active-step="2"] .dpi-instrument__step[data-dpi-step="2"]:before,[data-dpi-test][data-dpi-active-step="3"] .dpi-instrument__step[data-dpi-step="3"]:before{background:rgb(var(--dpi-accent))}[data-dpi-test][data-dpi-active-step="1"] .dpi-instrument__step[data-dpi-step="1"] .dpi-instrument__step-head,[data-dpi-test][data-dpi-active-step="2"] .dpi-instrument__step[data-dpi-step="2"] .dpi-instrument__step-head,[data-dpi-test][data-dpi-active-step="3"] .dpi-instrument__step[data-dpi-step="3"] .dpi-instrument__step-head{color:rgb(var(--color-ink))}[data-dpi-test][data-dpi-active-step="1"] .dpi-instrument__step:not([data-dpi-step="1"]) .dpi-instrument__step-body,[data-dpi-test][data-dpi-active-step="2"] .dpi-instrument__step:not([data-dpi-step="2"]) .dpi-instrument__step-body,[data-dpi-test][data-dpi-active-step="3"] .dpi-instrument__step:not([data-dpi-step="3"]) .dpi-instrument__step-body{opacity:.55}[data-dpi-test][data-dpi-state=complete] .dpi-instrument__step-body{opacity:1}.dpi-instrument__step-head{display:flex;align-items:baseline;gap:.45rem;margin-bottom:.35rem;color:rgb(var(--color-ink-muted));transition:color .2s var(--dpi-ease-out)}.dpi-instrument__step-num{flex-shrink:0;font-family:var(--font-mono, ui-monospace, monospace);font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:inherit}[data-dpi-test][data-dpi-active-step="1"] .dpi-instrument__step[data-dpi-step="1"] .dpi-instrument__step-num,[data-dpi-test][data-dpi-active-step="2"] .dpi-instrument__step[data-dpi-step="2"] .dpi-instrument__step-num,[data-dpi-test][data-dpi-active-step="3"] .dpi-instrument__step[data-dpi-step="3"] .dpi-instrument__step-num{color:rgb(var(--dpi-accent))}.dpi-instrument__step-title{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.dpi-instrument__step-body{margin:0;font-size:.75rem;line-height:1.5;color:rgb(var(--color-ink-muted));transition:opacity .2s var(--dpi-ease-out)}.dpi-instrument__step-body em{font-style:normal;font-weight:600;color:rgb(var(--dpi-accent))}@media(max-width:768px){.dpi-instrument__step:not(:last-child):after{top:auto;right:1.15rem;bottom:0;left:1.15rem;width:auto;height:1px}}.dpi-instrument__result{position:absolute;inset:0;display:none;place-items:center;padding:1.25rem;background:#00000061;backdrop-filter:blur(10px);z-index:5;pointer-events:none}[data-dpi-test][data-dpi-state=complete] .dpi-instrument__result{display:grid;pointer-events:auto;animation:dpi-result-scrim-in .22s var(--dpi-ease-out) forwards}@keyframes dpi-result-scrim-in{0%{opacity:0}to{opacity:1}}.dpi-instrument__result[hidden]{display:none!important;pointer-events:none}.dpi-instrument__result-card{width:min(100%,20.5rem);padding:1.35rem 1.25rem 1.15rem;border-radius:var(--radius-card-instrument, var(--radius-xl));background:rgb(var(--color-surface-card));color:rgb(var(--color-ink));border:1px solid rgb(var(--color-border) / .65);box-shadow:var(--shadow-card),0 20px 48px #0000002e;text-align:center}[data-dpi-test][data-dpi-state=complete] .dpi-instrument__result-card{animation:dpi-result-card-in .24s var(--dpi-ease-out) forwards}[data-theme=light] .dpi-instrument__result{background:#0f172a3d}[data-theme=light] .dpi-instrument__result-card{box-shadow:0 1px 2px #0000000a,0 8px 24px #0f172a1a,0 24px 48px #0f172a14}@keyframes dpi-result-card-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dpi-instrument__result-badge{width:2.75rem;height:2.75rem;margin:0 auto .7rem;border-radius:999px;display:grid;place-items:center;background:rgb(var(--color-accent) / .16);color:rgb(var(--color-accent))}.dpi-instrument__result-title{margin:0 0 .25rem;font-size:1.0625rem;font-weight:700;letter-spacing:-.02em;color:rgb(var(--color-ink))}.dpi-instrument__result-sub{margin:0 0 1rem;font-size:.8125rem;color:rgb(var(--color-muted))}.dpi-instrument__result-well{padding:.95rem 1rem .85rem;margin-bottom:1rem;border-radius:var(--radius-lg);background:rgb(var(--color-surface-soft));border:1px solid rgb(var(--color-border) / .45)}.dpi-instrument__result-dpi-label{margin:0 0 .2rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-muted))}.dpi-instrument__result-dpi-value{margin:0 0 .85rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:clamp(2.25rem,7vw,2.75rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1;color:rgb(var(--color-ink))}.dpi-instrument__result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding-top:.75rem;border-top:1px solid rgb(var(--color-border) / .45);text-align:left}.dpi-instrument__result-metric{display:flex;flex-direction:column;gap:.2rem}.dpi-instrument__result-metric-label{font-size:.6875rem;color:rgb(var(--color-muted))}.dpi-instrument__result-metric-value{font-family:var(--font-mono, ui-monospace, monospace);font-size:.9375rem;font-weight:650;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink))}.dpi-instrument__result-metric-value--warn{color:rgb(var(--dpi-accent))}.dpi-instrument__result-metric-value--ok{color:rgb(var(--color-accent))}.dpi-instrument__result-actions{display:flex;align-items:center;gap:.5rem}.dpi-instrument__btn-primary{flex:1;min-height:2.5rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;border-radius:999px;border:none;background:rgb(var(--color-accent));color:rgb(var(--color-on-primary));cursor:pointer;transition:transform .16s var(--dpi-ease-out),filter .16s var(--dpi-ease-out)}@media(hover:hover)and (pointer:fine){.dpi-instrument__btn-primary:hover{filter:brightness(1.06)}}.dpi-instrument__btn-primary:active{transform:scale(.97)}.dpi-instrument__btn-primary:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.dpi-instrument__btn-ghost{flex-shrink:0;min-height:2.5rem;padding:.55rem .75rem;font-size:.8125rem;font-weight:600;border:none;background:transparent;color:rgb(var(--color-muted));cursor:pointer;transition:color .16s var(--dpi-ease-out),transform .16s var(--dpi-ease-out)}@media(hover:hover)and (pointer:fine){.dpi-instrument__btn-ghost:hover{color:rgb(var(--color-ink))}}.dpi-instrument__btn-ghost:active{transform:scale(.97)}.dpi-instrument__btn-ghost:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}@media(prefers-reduced-motion:reduce){[data-dpi-test][data-dpi-state=complete] .dpi-instrument__result,[data-dpi-test][data-dpi-state=complete] .dpi-instrument__result-card{animation:dpi-result-fade-in .2s ease forwards}@keyframes dpi-result-fade-in{0%{opacity:0}to{opacity:1}}.dpi-instrument__result-card,.dpi-instrument__btn-primary:active,.dpi-instrument__btn-ghost:active{transform:none}.dpi-instrument__bar{transition:background-color .14s ease,opacity .14s ease,height .01s linear;animation:none}.dpi-instrument__bar[data-latest]{animation:none}}[data-dpi-test][data-dpi-state=measuring] .dpi-instrument__start-zone{background:rgb(var(--dpi-accent) / .04)}.dpi-seo-scenario-grid--ranges{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:768px){.dpi-seo-scenario-grid--ranges{grid-template-columns:1fr}}.dpi-tool-seo .tool-seo-scenario-card__badge{display:inline-block;margin-bottom:.625rem;padding:.2rem .55rem;font-size:.6875rem;font-weight:700;letter-spacing:.02em;border-radius:999px;background:rgb(var(--color-accent) / .12);color:rgb(var(--color-accent-soft))}.dpi-tool-seo .tool-seo-scenario-card__body{margin:.75rem 0 0;font-size:.875rem;line-height:1.65;color:rgb(var(--color-muted))}.dpi-tool-seo .tool-seo-guide-col__card{align-items:flex-start;text-align:left;padding:clamp(1.25rem,2.5vw,1.75rem);border-radius:var(--radius-card-instrument);box-shadow:var(--shadow-card)}.dpi-tool-seo .tool-seo-guide-col__num{width:2rem;height:2rem;font-size:.75rem}.dpi-tool-seo .tool-seo-guide-col__title{margin-top:.875rem}.dpi-tool-seo .tool-seo-guide-col__tip{width:100%;margin-top:auto;padding:.625rem .75rem;border-radius:var(--radius-sm);background:rgb(var(--color-surface-soft));font-size:.8125rem;line-height:1.5;color:rgb(var(--color-body))}.dpi-tool-seo .tool-seo-guide-col__card--blue .tool-seo-guide-col__tip,.dpi-tool-seo .tool-seo-guide-col__card--green .tool-seo-guide-col__tip,.dpi-tool-seo .tool-seo-guide-col__card--amber .tool-seo-guide-col__tip{background:rgb(var(--color-surface-soft))}.dpi-tool-seo .tool-seo-guide-col__tip-label{color:rgb(var(--color-muted))}.dpi-tool-seo{--dpi-accent: var(--color-accent)}.dpi-tool-seo .dpi-seo-calculation{max-width:72rem;margin-inline:auto;padding:clamp(1.25rem,2.5vw,1.75rem);border-radius:var(--radius-card-instrument);border:1px solid rgb(var(--dpi-accent) / .28);box-shadow:var(--shadow-card)}.dpi-seo-calculation__head{display:flex;align-items:flex-start;gap:.875rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgb(var(--dpi-accent) / .14)}.dpi-seo-calculation__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:rgb(var(--dpi-accent) / .14);color:rgb(var(--dpi-accent));box-shadow:inset 0 0 0 1px rgb(var(--dpi-accent) / .22)}.dpi-seo-calculation__head-text{min-width:0}.dpi-seo-calculation__title{margin:0;font-family:var(--font-display);font-size:clamp(1rem,1.5vw,1.125rem);font-weight:700;line-height:1.3;letter-spacing:-.02em;color:rgb(var(--color-ink))}.dpi-seo-calculation__intro{margin:.4rem 0 0;font-size:.875rem;line-height:1.6;color:rgb(var(--color-body))}.dpi-seo-calculation__pipeline{display:grid;gap:.625rem;margin:0;padding:0;list-style:none}@media(min-width:640px){.dpi-seo-calculation__pipeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}.dpi-seo-calculation__step{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-soft))}.dpi-seo-calculation__step--result{border-color:rgb(var(--dpi-accent) / .38);background:rgb(var(--dpi-accent) / .07);box-shadow:inset 0 0 0 1px rgb(var(--dpi-accent) / .08)}.dpi-seo-calculation__step-num{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;border-radius:999px;font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;color:rgb(var(--dpi-accent));background:rgb(var(--dpi-accent) / .12);box-shadow:inset 0 0 0 1px rgb(var(--dpi-accent) / .2)}.dpi-seo-calculation__step--result .dpi-seo-calculation__step-num{background:rgb(var(--dpi-accent));color:rgb(var(--color-surface-card));box-shadow:none}.dpi-seo-calculation__step-body{min-width:0}.dpi-seo-calculation__step-label{display:block;margin-bottom:.3rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-muted))}.dpi-seo-calculation__step--result .dpi-seo-calculation__step-label{color:rgb(var(--dpi-accent))}.dpi-seo-calculation__step-expr{display:block;font-family:var(--font-mono, ui-monospace, monospace);font-size:clamp(.75rem,1.2vw,.8125rem);line-height:1.55;color:rgb(var(--color-ink));word-break:break-word}.dpi-seo-calculation__caveats{margin:.875rem 0 0;padding:.75rem 0 0 1.15rem;border-top:1px solid rgb(var(--color-hairline-soft));font-size:.8125rem;line-height:1.55;color:rgb(var(--color-body))}.dpi-seo-calculation__caveats li+li{margin-top:.3rem}