.dpi-changer{gap:var(--space-6);margin-top:var(--space-8);flex-direction:column;display:flex}.dpi-changer .dropzone{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-2);cursor:pointer;text-align:center;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.dpi-changer .dropzone:hover,.dpi-changer .dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dpi-changer .dropzone svg{color:var(--accent)}.dpi-changer .dropzone strong{color:var(--text)}.dpi-changer .dropzone span{font-size:var(--text-sm)}.dpi-changer .controls{align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.dpi-changer .target,.dpi-changer .custom{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);flex-direction:column;display:flex}.dpi-changer .chips{gap:var(--space-2);display:flex}.dpi-changer .chip{min-width:60px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-2);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:550;line-height:1.4}.dpi-changer .chip:hover{border-color:var(--text-3);color:var(--text)}.dpi-changer .chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.dpi-changer .custom-field{align-items:center;gap:var(--space-2);padding-right:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);display:inline-flex}.dpi-changer .custom-field:focus-within{border-color:var(--accent)}.dpi-changer .custom-field input{width:84px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);background:0 0;border:none}.dpi-changer .custom-field input:focus-visible{outline:none}.dpi-changer .unit{color:var(--text-3);font-size:var(--text-xs);letter-spacing:var(--tracking-caps)}.dpi-changer .range-hint{color:var(--text-3);font-size:var(--text-xs)}.dpi-changer .note{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm);max-width:none}.dpi-changer .queue{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin:0;padding:0;list-style:none}.dpi-changer .row{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.dpi-changer .row+.row{border-top:1px solid var(--border)}.dpi-changer .row-main{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.dpi-changer .name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:550;overflow:hidden}.dpi-changer .meta{font-size:var(--text-xs);color:var(--text-3)}.dpi-changer .row-side{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.dpi-changer .change{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-2);font-size:var(--text-xs);display:inline-flex}.dpi-changer .change .from,.dpi-changer .change svg{color:var(--text-3)}.dpi-changer .change .to{color:var(--accent);font-weight:600}.dpi-changer .row.failed .name{color:var(--text-3)}.dpi-changer .error{max-width:340px;color:var(--danger);font-size:var(--text-sm)}.dpi-changer .btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.dpi-changer .summary{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-2);flex-wrap:wrap;display:flex}.dpi-changer .summary-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.dpi-changer .summary-actions .btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.container[data-astro-cid-2asapq2k]{padding-block:var(--space-6) var(--space-12)}.tool-header[data-astro-cid-2asapq2k]{margin-top:var(--space-6)}.tool-header[data-astro-cid-2asapq2k] h1[data-astro-cid-2asapq2k]{font-size:var(--text-2xl)}.tool-header[data-astro-cid-2asapq2k] p[data-astro-cid-2asapq2k]{margin-top:var(--space-2);color:var(--text-2)}.badge-wrap[data-astro-cid-2asapq2k]{margin-top:var(--space-8)}.ad-wrap[data-astro-cid-2asapq2k]{margin-block:var(--space-12);justify-content:center;display:flex}.guide[data-astro-cid-2asapq2k]{margin-bottom:var(--space-12)}.guide[data-astro-cid-2asapq2k] h2[data-astro-cid-2asapq2k]{font-size:var(--text-xl);margin-bottom:var(--space-6)}.guide[data-astro-cid-2asapq2k] ol[data-astro-cid-2asapq2k]{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide[data-astro-cid-2asapq2k] li[data-astro-cid-2asapq2k]{gap:var(--space-4);display:flex}.step-number[data-astro-cid-2asapq2k]{border-radius:var(--radius-full);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.guide[data-astro-cid-2asapq2k] h3[data-astro-cid-2asapq2k]{font-size:var(--text-base);font-weight:600}.guide[data-astro-cid-2asapq2k] p[data-astro-cid-2asapq2k]{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-2);max-width:65ch}
