*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#222;font:16px/1.7 system-ui,sans-serif}header{display:flex;justify-content:space-between;padding:20px 5%;border-bottom:1px solid #ddd}a{color:inherit}main{max-width:1300px;margin:auto;padding:45px 5%}h1{font-size:clamp(28px,5vw,54px);line-height:1.2}small{letter-spacing:.15em}label{display:block}select,button{font:inherit;padding:10px 15px;min-height:44px;background:white;border:1px solid #bbb;border-radius:8px;cursor:pointer}select{max-width:100%;margin:12px 0}.notice{padding:20px;background:#eeeae0;border-radius:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:16px;background:white;border:1px solid #ddd;border-radius:14px;min-width:0}.compare{position:relative;aspect-ratio:1;background:#eee;overflow:hidden}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.compare .before{clip-path:inset(0 50% 0 0)}.line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:white;box-shadow:0 0 2px black;pointer-events:none}.compare span{position:absolute;bottom:12px;left:12px;background:#222b;color:white;padding:2px 10px;font-size:12px}.compare span:last-child{left:auto;right:12px}input[type=range]{width:100%;min-height:44px;touch-action:pan-y}button{margin:5px 5px 5px 0}table{border-collapse:collapse;width:100%;margin:20px 0}td,th{text-align:left;border-bottom:1px solid #ddd;padding:9px}.score{font-size:24px;font-weight:bold}.status{padding:8px 12px;background:#efe7d7;border-radius:5px;display:inline-block}details{margin:20px 0;padding:12px;border:1px solid #ddd}details img{max-width:100%;height:auto}.empty{padding:50px 20px;background:#f2f0eb}dialog{width:min(1300px,95vw);max-height:94vh;border:0;border-radius:12px}dialog::backdrop{background:#000b}.scroll{overflow:auto;max-height:65vh}#zoomPair{display:flex;width:100%}#zoomPair figure{flex:0 0 50%;margin:0;padding:5px}#zoomPair img{width:100%;display:block}pre{white-space:pre-wrap;font:inherit;background:#f0f0ed;padding:18px}summary{cursor:pointer}@media(max-width:700px){.grid{grid-template-columns:1fr}main{padding:25px 4%}td,th{padding:6px;font-size:13px}header{gap:12px;font-size:13px}}