.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters label{display:flex;flex-direction:column;gap:5px}.filters label:first-child{flex:1;min-width:180px}.filters input{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-grid details{margin:0}.stat-grid summary{display:flex;gap:12px;align-items:start}.stars{color:#a65e00;white-space:nowrap}.stat-grid p{margin:10px 0;overflow-wrap:anywhere}.checkpoint{border-left:3px solid #9c78c9;padding-left:12px;color:#554261}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.examples-grid button{padding:5px;background:white}.examples-grid img{width:100%;height:150px;object-fit:contain}#examples h3{margin:18px 0 6px}#image-preview{width:min(1000px,96vw)}#preview-image{display:block;max-width:100%;max-height:74vh;margin:auto}#image-preview form{text-align:right}#legend,#notice{font-size:14px}#count{font-weight:700}#formula{padding:12px;background:#eee7fa;border-radius:8px}@media(max-width:700px){.stat-grid{grid-template-columns:1fr}.examples-grid{gap:6px}.examples-grid img{height:90px}.filters label{flex:1;min-width:130px}.filters label:first-child{flex-basis:100%}}
