.sample-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sample-buttons button{padding:4px;font-size:11px}.sample-buttons img{display:block;width:100%;height:52px;object-fit:cover;border-radius:3px;margin-bottom:5px}.modes img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin-bottom:5px}.modes button{padding:6px}.modes{align-items:stretch}#convert{width:100%;margin-top:4px}.history{margin-top:12px}.examples{margin:34px 0}.examples>p{font-size:13px;color:var(--muted)}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.example-grid button{text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 12px #182b3610}.example-pair{display:flex;gap:8px;align-items:center;background:white}.example-pair img{width:calc(50% - 4px);height:170px;object-fit:contain}.example-grid strong,.example-grid button>span:last-child{display:block;margin-top:10px}.example-grid button>span:last-child{color:#245dce;font-size:12px}#empty a{font-size:13px}#adjustments{margin-top:0}input[type=checkbox]{accent-color:var(--blue)}@media(max-width:680px){.modes{grid-template-columns:repeat(2,1fr)}.modes img{max-height:100px}.example-grid{grid-template-columns:1fr}.sample-buttons img{height:72px}.examples{margin-top:24px}}