.real-patches{background:#f5f7f9}.measured-badge{display:inline-block;font:500 .75rem/1.5 Pretendard,sans-serif;letter-spacing:0;color:#075f56;border:1px solid #88b3aa;padding:3px 9px;margin-left:15px;vertical-align:middle}.patch-samples{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.patch-sample{border:1px solid var(--line);background:white;border-radius:0;text-align:left;padding:8px;position:relative;min-width:0}.patch-sample:hover{background:#e5eeec}.patch-sample[aria-pressed=true]{outline:2px solid var(--teal);outline-offset:0;border-color:var(--teal);background:#e2f0eb}.patch-sample img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.patch-sample strong{font:600 .875rem/1.5 'TT Firs Neue',Pretendard,sans-serif;display:block;margin:8px 2px 3px;color:var(--teal)}.patch-sample span{display:block;font-size:.875rem;line-height:1.6;margin:0 2px}.patch-sample small{font-size:.75rem;color:var(--muted);margin:0 2px}.sample-policy{margin-top:18px}.patch-statusbar{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:32px 0 25px;padding:16px 0;flex-wrap:wrap}.patch-statusbar strong{font-size:1rem}.patch-statusbar>span{color:var(--muted);font-size:.875rem}.patch-statusbar>a{font-size:.875rem;margin-left:auto;color:var(--teal)}.patch-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.patch-triptych figure{margin:0;min-width:0}.patch-triptych figcaption{display:flex;align-items:center;gap:8px;font-size:1rem;margin-bottom:13px;flex-wrap:wrap}.patch-triptych figcaption>span{font:500 .75rem 'TT Firs Neue',Pretendard,sans-serif;color:var(--teal)}.patch-triptych figcaption small{margin-left:auto;color:var(--muted);font: .75rem 'TT Firs Neue',Pretendard,sans-serif}.patch-image-frame{border:1px solid #a2b3bd;aspect-ratio:1;line-height:0;background:#e1e8ec}.patch-image-frame>img,.patch-image-frame>canvas{width:100%;height:100%;display:block;object-fit:contain}.patch-image-frame>canvas{cursor:crosshair;touch-action:manipulation}.patch-color-scale{display:flex;align-items:center;margin-top:12px;font: .75rem/1.5 'TT Firs Neue',Pretendard,sans-serif;gap:7px}.patch-color-scale i{height:9px;flex:1;background:linear-gradient(90deg,#684a9a,#f4f6f8)}.patch-color-scale i:last-of-type{background:linear-gradient(90deg,#f4f6f8,#006e62)}.patch-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:27px}.patch-reference{display:flex;align-items:center;gap:16px}.patch-reference canvas{width:80px;height:80px;border:2px solid #e9be4c;image-rendering:pixelated}.patch-reference strong{display:block;font-size:1.125rem;margin:4px 0}.patch-reference>div>span:last-child{font-size:.75rem;color:var(--muted)}.patch-position{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:.875rem}.patch-position label{display:flex;align-items:center;gap:8px}.patch-position input[type=number]{font:1rem 'TT Firs Neue',Pretendard,sans-serif;width:62px;border:1px solid #a9b8c5;background:white;color:var(--ink);padding:8px;border-radius:3px;min-height:42px}.patch-overlay-label input{width:18px;height:18px;accent-color:var(--teal)}.patch-results{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:25px 0}.patch-results p{font-size:1rem;margin:10px 0}.patch-results p.caption{font-size:.8125rem;color:var(--muted)}.patch-neighbor-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.875rem;margin-bottom:12px}.patch-neighbor-heading span{color:var(--muted);font-size:.75rem}.patch-neighbors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.patch-neighbors button{background:white;border:1px solid var(--line);padding:10px 6px;font-size:.875rem}.patch-neighbors button span{display:block;font: .875rem/1.8 'TT Firs Neue',Pretendard,sans-serif}.patch-method{background:white;border:1px solid var(--line);padding:25px;margin-top:30px}.patch-method h3{font-size:1.25rem}.patch-method p{font-size:1rem;color:var(--muted)}.patch-method .caption{font-size:.8125rem}.patch-values{margin-top:10px}.patch-unavailable{padding:35px;border:1px dashed #9cafbb;color:var(--muted);background:white;font-size:1rem}.patch-provenance-row{margin-bottom:15px}.patch-provenance-row strong{font-family:Pretendard,sans-serif}.patch-provenance-row code{font-size:.75rem;word-break:break-all}.patch-inspector-link{margin-top:15px;font-size:.875rem;color:var(--cyan)}.patch-inspector-link a{display:block}.patch-error-retry{display:block;margin-top:14px}.patch-triptych .caption{margin-top:10px}.patch-values table{font-variant-numeric:tabular-nums}.patch-values td[data-reference=true]{background:#f2de98;color:#142237;font-weight:700}
@media(max-width:950px){.patch-samples{grid-template-columns:repeat(3,minmax(0,1fr))}.patch-sample{display:grid;grid-template-columns:70px 1fr;column-gap:12px;align-content:center}.patch-sample img{grid-row:1/4}.patch-sample strong{margin:0}.patch-triptych{gap:14px}.patch-controls{align-items:start;flex-direction:column}.patch-results{gap:25px}.patch-neighbors{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.masthead{height:auto;min-height:78px;flex-wrap:wrap;gap:5px;padding:10px 20px}.masthead nav{width:100%;justify-content:space-between;font-size:.875rem;gap:10px}.edition{display:none}html{scroll-padding-top:100px}.measured-badge{margin:10px 0 0;display:table}.patch-samples{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.patch-sample{grid-template-columns:50px 1fr;gap:0 8px;padding:7px}.patch-sample span{font-size:.8125rem}.patch-sample small{font-size:.75rem}.patch-statusbar{gap:9px;margin-top:25px}.patch-statusbar strong{width:100%}.patch-statusbar>span,.patch-statusbar>a{font-size:.8125rem}.patch-triptych{grid-template-columns:1fr;gap:25px}.patch-triptych figcaption{font-size:1rem}.patch-image-frame{max-width:448px;width:100%;margin:auto}.patch-controls{gap:20px}.patch-position{gap:14px}.patch-overlay-label{width:100%}.patch-results{grid-template-columns:1fr;gap:12px}.patch-neighbors{grid-template-columns:repeat(4,1fr)}.patch-method{padding:20px}.patch-method p{font-size:.9375rem}.patch-reference strong{font-size:1rem}.patch-unavailable{padding:25px}.patch-neighbor-heading{flex-wrap:wrap}}
@media(max-width:370px){.patch-sample{grid-template-columns:1fr}.patch-sample img{grid-row:auto}.patch-sample strong{margin-top:6px}.patch-neighbors{grid-template-columns:repeat(2,1fr)}}