.dither-section{display:grid;gap:8px;margin:14px 0}.dither-section h2{margin:0;font-size:13px}.dither-section>.button{justify-self:start}.dither-hint{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.45}.dither-source{display:grid;gap:2px;margin:0;font-size:13px;overflow-wrap:anywhere}.dither-source small{color:var(--muted)}.dither-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dither-pair .laser-field{margin-bottom:0}.dither-number{display:block}.dither-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dither-body{display:grid;align-content:start;gap:10px;padding:12px}.dither-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:12px}.dither-control{display:inline-flex;align-items:center;gap:6px}.dither-control select{min-height:32px;padding:4px 8px;border:1px solid var(--hairline-strong);border-radius:8px;background:var(--bg-panel);color:var(--text);font:inherit}.dither-control input[type=range]{width:min(220px,40vw)}.dither-viewport{display:grid;justify-items:center;min-width:0;transition:opacity .15s}.dither-viewport.is-zoomed{justify-items:start;overflow:auto;max-height:75vh;border:1px solid var(--hairline);border-radius:8px}.dither-viewport.is-updating{opacity:.6}.dither-frame{position:relative;max-width:none;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18)}.dither-viewport:not(.is-zoomed) .dither-frame{max-width:100%}.dither-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.dither-split{top:0;bottom:0;width:2px;margin-left:-1px;background:var(--accent,#0a84ff)}.dither-split,.dither-tag{position:absolute;pointer-events:none}.dither-tag{top:6px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:700}.dither-tag--before{left:6px}.dither-tag--after{right:6px}@media (max-width:900px){.dither-body{padding:8px}.dither-viewport.is-zoomed{max-height:60vh}}