.dpi-tool[data-astro-cid-sajv7z5a]{width:100%}.tool-layout[data-astro-cid-sajv7z5a]{display:grid;grid-template-columns:260px 1fr 280px;gap:20px;align-items:start}.tool-settings[data-astro-cid-sajv7z5a]{padding:24px;position:sticky;top:84px}.setting-group[data-astro-cid-sajv7z5a]{margin-bottom:16px}.setting-label[data-astro-cid-sajv7z5a]{display:block;color:var(--color-body);margin-bottom:6px;font-weight:500}.optional[data-astro-cid-sajv7z5a]{color:var(--color-mute);font-weight:400}.setting-row[data-astro-cid-sajv7z5a]{display:flex;gap:8px}.setting-row[data-astro-cid-sajv7z5a] .input[data-astro-cid-sajv7z5a]{flex:1}.unit-toggle[data-astro-cid-sajv7z5a]{display:flex;background:var(--color-canvas-soft-2);border-radius:var(--radius-sm);padding:2px;gap:2px}.unit-btn[data-astro-cid-sajv7z5a]{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.02em;padding:7px 14px;border:none;background:transparent;color:var(--color-body);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:all .15s ease;white-space:nowrap}.unit-btn[data-astro-cid-sajv7z5a].active{background:var(--color-ink);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.instruction-list[data-astro-cid-sajv7z5a]{margin:0;padding-left:18px;color:var(--color-body)}.instruction-list[data-astro-cid-sajv7z5a] li[data-astro-cid-sajv7z5a]{margin-bottom:4px}.instruction-list[data-astro-cid-sajv7z5a] kbd[data-astro-cid-sajv7z5a]{display:inline-block;padding:1px 6px;font-family:var(--font-mono);font-size:11px;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-xs);box-shadow:0 1px 0 var(--color-hairline)}.tool-test-wrapper[data-astro-cid-sajv7z5a]{display:flex;flex-direction:column;gap:12px}.test-area[data-astro-cid-sajv7z5a]{position:relative;min-height:420px;cursor:crosshair;overflow:hidden;padding:0}.test-area-inner[data-astro-cid-sajv7z5a]{position:relative;width:100%;height:420px;display:flex;align-items:center;justify-content:center;background:linear-gradient(var(--color-hairline) 1px,transparent 1px),linear-gradient(90deg,var(--color-hairline) 1px,transparent 1px);background-size:40px 40px;background-position:center}.crosshair[data-astro-cid-sajv7z5a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.4;transition:opacity .3s ease}.test-area[data-astro-cid-sajv7z5a]:hover .crosshair[data-astro-cid-sajv7z5a]{opacity:.7}.test-overlay[data-astro-cid-sajv7z5a]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;transition:opacity .3s ease}.test-prompt[data-astro-cid-sajv7z5a]{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-ink);background:var(--c-overlay);backdrop-filter:blur(8px);padding:32px 48px;border-radius:var(--radius-lg);border:1px solid var(--color-hairline)}.test-active-info[data-astro-cid-sajv7z5a]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:2;pointer-events:none}.live-counter[data-astro-cid-sajv7z5a]{display:flex;flex-direction:column;align-items:center;gap:4px}.live-pixels[data-astro-cid-sajv7z5a]{color:var(--color-link);font-variant-numeric:tabular-nums}.live-direction[data-astro-cid-sajv7z5a]{display:flex;flex-direction:column;align-items:center;gap:8px}.test-area-border[data-astro-cid-sajv7z5a]{position:absolute;inset:-2px;border-radius:var(--radius-md);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:0}.test-area[data-astro-cid-sajv7z5a].active .test-area-border[data-astro-cid-sajv7z5a]{opacity:1;background:linear-gradient(135deg,var(--color-grad-develop-start),var(--color-grad-develop-end),var(--color-grad-preview-start),var(--color-grad-preview-end));animation:border-rotate 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}@keyframes border-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.test-area[data-astro-cid-sajv7z5a].active{cursor:none}.test-area[data-astro-cid-sajv7z5a].active .test-overlay[data-astro-cid-sajv7z5a]{opacity:0;pointer-events:none}.live-stats[data-astro-cid-sajv7z5a]{display:flex;align-items:center;gap:0;background:var(--color-ink);color:var(--color-on-primary);border-radius:var(--radius-md);padding:12px 20px;overflow-x:auto}.live-stat[data-astro-cid-sajv7z5a]{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.live-stat[data-astro-cid-sajv7z5a] .caption-mono[data-astro-cid-sajv7z5a]{color:var(--color-hairline-strong);font-size:10px}.stat-value[data-astro-cid-sajv7z5a]{color:var(--color-on-primary);font-variant-numeric:tabular-nums}.stat-status[data-astro-cid-sajv7z5a]{color:var(--color-cyan)}.live-stat-divider[data-astro-cid-sajv7z5a]{width:1px;height:32px;background:#ffffff26;margin:0 16px;flex-shrink:0}.tool-results[data-astro-cid-sajv7z5a]{padding:24px;position:sticky;top:84px}.result-main[data-astro-cid-sajv7z5a]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 0;border-bottom:1px solid var(--color-hairline)}.result-dpi[data-astro-cid-sajv7z5a]{color:var(--color-ink);font-variant-numeric:tabular-nums;transition:color .3s ease}.result-dpi[data-astro-cid-sajv7z5a].success{color:var(--color-success)}.result-comparison[data-astro-cid-sajv7z5a]{padding:16px 0;border-bottom:1px solid var(--color-hairline)}.comparison-bar[data-astro-cid-sajv7z5a]{display:flex;align-items:center;justify-content:space-between;gap:12px}.comparison-configured[data-astro-cid-sajv7z5a],.comparison-measured[data-astro-cid-sajv7z5a]{display:flex;flex-direction:column;gap:2px;text-align:center}.comparison-diff[data-astro-cid-sajv7z5a]{margin-top:12px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-mono);text-align:center}.comparison-diff[data-astro-cid-sajv7z5a].match{background:#0070f314;color:var(--color-link)}.comparison-diff[data-astro-cid-sajv7z5a].off{background:#f5a62314;color:var(--color-warning)}.result-details[data-astro-cid-sajv7z5a]{padding:16px 0}.detail-row[data-astro-cid-sajv7z5a]{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.history-list[data-astro-cid-sajv7z5a]{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.history-item[data-astro-cid-sajv7z5a]{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--color-canvas-soft);border-radius:var(--radius-xs);font-size:12px;font-family:var(--font-mono)}.history-item-dpi[data-astro-cid-sajv7z5a]{font-weight:500;color:var(--color-ink)}.history-item-meta[data-astro-cid-sajv7z5a]{color:var(--color-mute)}@media(max-width:1024px){.tool-layout[data-astro-cid-sajv7z5a]{grid-template-columns:1fr}.tool-settings[data-astro-cid-sajv7z5a],.tool-results[data-astro-cid-sajv7z5a]{position:static}.tool-settings[data-astro-cid-sajv7z5a]{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.tool-settings[data-astro-cid-sajv7z5a] h3[data-astro-cid-sajv7z5a],.tool-settings[data-astro-cid-sajv7z5a] .instructions[data-astro-cid-sajv7z5a]{grid-column:1 / -1}}@media(max-width:600px){.tool-settings[data-astro-cid-sajv7z5a]{grid-template-columns:1fr}.test-area-inner[data-astro-cid-sajv7z5a]{height:300px}.live-stats[data-astro-cid-sajv7z5a]{flex-wrap:wrap;gap:8px}.live-stat-divider[data-astro-cid-sajv7z5a]{display:none}.live-stat[data-astro-cid-sajv7z5a]{min-width:40%;flex:unset}}.modal-overlay[data-astro-cid-sajv7z5a]{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content[data-astro-cid-sajv7z5a]{width:100%;max-width:400px;padding:24px;box-shadow:0 10px 30px #0003}.modal-header[data-astro-cid-sajv7z5a]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-hairline);padding-bottom:16px}.analyzer-page[data-astro-cid-72axq2wr]{padding:48px 0 0}.page-header[data-astro-cid-72axq2wr]{margin-bottom:40px}.tips-grid[data-astro-cid-72axq2wr]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tip-card[data-astro-cid-72axq2wr]{padding:24px}@media(max-width:768px){.analyzer-page[data-astro-cid-72axq2wr]{padding:32px 0 0}.tips-grid[data-astro-cid-72axq2wr]{grid-template-columns:1fr}}