body{--tile-size:288px}.result-card{border:0;box-shadow:0 0 0 1px var(--line)}.result-card.is-reference{box-shadow:0 0 0 1px #aec4af}.hero h1{font-size:clamp(35px,4.7vw,58px);max-width:900px}.hero{padding-bottom:14px}.scale-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0;max-width:950px}.scale-flow a{display:block;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:white;text-decoration:none}.scale-flow b,.scale-flow span{display:block}.scale-flow b{font-size:16px;color:var(--ink)}.scale-flow span{font-size:12px;color:var(--muted);margin-top:5px;font-variant-numeric:tabular-nums}
.method-note{padding:17px 21px;background:#eef3fc;border-left:3px solid #92b0e8;border-radius:0 10px 10px 0;max-width:1100px}.method-note>b{font-size:13px;color:#345486}.method-note p{font-size:12px;color:var(--muted);margin:7px 0 0}.method-note strong{color:#345486;font-weight:600}.filters{padding-top:30px;padding-bottom:22px}.filters h2{margin-bottom:10px}.scale-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 13px}.scale-nav a{padding:7px 18px;border:1px solid #c8d6ed;border-radius:24px;background:white;text-decoration:none;font-size:12px}.scale-section{padding-top:32px;padding-bottom:25px;scroll-margin-top:20px}.scale-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.scale-heading h2{font-size:30px;margin:5px 0 8px}.scale-heading>a{font-size:11px;white-space:nowrap}.scale-summary{font-size:12px;color:var(--muted);margin:5px 0 18px}.scale-average{margin:14px 0 23px}.scale-average summary{font-size:12px}.scale-average .table-wrap{margin:14px 0 8px}.scale-average caption{font-size:11px;text-align:left;padding:10px;color:var(--muted)}.scale-average td,.scale-average th{font-size:11px}.scale-average td small{display:block;color:var(--muted);white-space:normal}
.sample-row{padding-top:23px;padding-bottom:18px}.sample-heading h3{font-size:17px}.sample-heading>span{font-size:11px;color:var(--muted);white-space:nowrap}.row-scroll{padding-bottom:16px;scrollbar-width:auto;scrollbar-color:#a5b7d2 #edf1f8}.row-scroll:focus-visible{outline:3px solid #e7a533;outline-offset:3px}.row-track{gap:13px}.card-heading{padding:11px 12px 10px;min-height:85px}.card-heading b{font-size:12px;min-height:18px}.card-heading .method-badge{display:inline-block;font-size:10px;line-height:1.5;color:#345789;background:#edf3ff;border-radius:5px;padding:3px 6px;margin-top:6px}.card-heading .method-badge.native{background:#eaf4ec;color:#2d7050}.card-heading .method-badge.unsupported{background:#f0f0f2;color:#727983}.card-image .empty-result{font-size:12px;line-height:1.8;background:#f5f6f9}.card-metrics{min-height:80px;line-height:1.9}.card-metrics .raw-link{float:none;display:inline-block;font-size:10px;margin-top:3px}.card-metrics .no-output{color:#858c99}.is-input .card-heading{background:#f1f4fa}.is-input .card-image img{image-rendering:pixelated}.gallery-controls .sync-label{width:auto}.sample-row[hidden],.result-card[hidden]{display:none}
.protocol-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px;margin:22px 0}.protocol-notes p{font-size:13px;color:var(--muted)}.protocol-notes b{display:block;color:var(--ink);font-size:13px;margin-bottom:5px}#model-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.source-scale{border:1px solid var(--line);border-radius:8px;padding:13px}.source-scale h3{font-size:14px;margin:0 0 10px}.source-scale ul{padding-left:17px;margin:0}.source-scale li{font-size:11px;margin:10px 0}.source-scale code{display:block;background:transparent;padding:0;font-size:10px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.source-scale span{display:block;color:var(--muted);font-size:10px}.snapshot{min-height:22px}
@media(max-width:900px){.scale-flow{gap:10px}.scale-flow a{padding:13px}.scale-flow b{font-size:14px}.scale-flow span{font-size:11px}#model-sources{grid-template-columns:1fr}.protocol-notes{gap:5px 20px}}
@media(max-width:600px){.hero h1{font-size:35px}.scale-flow{gap:7px}.scale-flow a{padding:11px 9px}.scale-flow b{font-size:12px}.scale-flow span{font-size:10px;line-height:1.7}.method-note{padding:13px 15px}.method-note p{font-size:11px}.scale-heading h2{font-size:26px}.scale-heading>a{font-size:10px}.scale-nav{gap:8px}.scale-nav a{font-size:11px;padding:6px 13px}.protocol-notes{grid-template-columns:1fr;gap:0}.sample-heading h3{font-size:14px}.sample-heading>span{font-size:10px}.gallery-controls .sync-label{width:100%}.card-heading{min-height:85px}.scale-summary{font-size:11px}.page-wrap{padding-left:18px;padding-right:18px}}
/* 가로로 움직이는 결과 앞에 고해상도 원본만 남긴다. */
.row-scroll{--pinned-size:var(--tile-size);scroll-padding-left:calc(var(--pinned-size) + 13px)}
.result-card.is-reference:not(.is-input){position:sticky;left:0;z-index:2;box-shadow:0 0 0 1px #aec4af,8px 0 12px -8px #52635c}
.pin-note,.mobile-fit-note{display:none}
/* 좁은 화면에서는 작은 원본 옆에 결과 한 장이 온전히 들어가도록 맞춘다. */
@media(max-width:700px){.row-scroll{--pinned-size:96px}.result-card{width:calc(100vw - 145px)}.result-card.is-reference:not(.is-input){width:var(--pinned-size)}.card-heading{height:112px;min-height:112px}.result-card.is-reference:not(.is-input) .card-heading{padding:9px 6px}.result-card.is-reference:not(.is-input) .card-heading b{font-size:10px}.result-card.is-reference:not(.is-input) .card-heading>span{font-size:9px}.result-card.is-reference:not(.is-input) .card-metrics{padding:8px 6px;font-size:9px}.pin-note{display:block;font-size:9px;color:#2d7050;margin-top:4px}.gallery-controls>label:has(#zoom){display:none}.mobile-fit-note{display:block;font-size:11px;color:var(--muted)}}