.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compare-grid>div{min-width:0}.compare-grid h3{font-size:12px;font-weight:600;margin:12px 0 8px}.compare-grid .preview-frame{height:330px}.normal-zoom{justify-content:flex-end;margin:4px 0 8px}.control select{display:block;width:100%;font:inherit;font-size:13px;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);min-height:44px}.control select:focus-visible{outline:3px solid #70a991;outline-offset:3px}.reset{border:0;background:transparent;color:var(--muted);font:12px Segoe UI,Arial,sans-serif;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.result{min-width:0}.scope-note{line-height:1.7}footer nav{display:flex;flex-wrap:wrap;gap:4px 18px}footer nav a{min-height:44px;display:inline-flex;align-items:center}@media(max-width:1000px){.compare-grid{grid-template-columns:1fr}.compare-grid .preview-frame{height:230px;aspect-ratio:auto}}@media(max-width:700px){.compare-grid{gap:12px}.compare-grid .preview-frame{height:240px}.normal-zoom{margin-top:4px}.result-title{flex-wrap:wrap}footer nav{width:100%}.site-header nav{gap:12px}.site-header nav a{font-size:11px}.page-heading h1{font-size:30px}.control select{font-size:16px}}

.tileable-control label{display:flex;align-items:center;gap:10px;min-height:44px}.tileable-control input{width:18px;height:18px;accent-color:var(--accent);flex:none}