.gsd-lab{margin:1.5rem 0;padding:clamp(16px,3vw,28px);background:#f5f6f2;border:1px solid #d9ded5;border-radius:18px;color:#253d35}
.wiki-heading:has(+ [data-concept-lab="sampling-gsd"]){padding-bottom:4px}.wiki-heading:has(+ [data-concept-lab="sampling-gsd"])>.tiny-label{display:none}
.gsd-heading h2{margin:0 0 6px!important;font-size:clamp(1.2rem,2vw,1.5rem)!important;line-height:1.4}
.gsd-heading p{margin:0;font-size:.88rem;line-height:1.7}
.gsd-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:14px 20px;margin:16px 0}
.gsd-toolbar label{display:grid;gap:6px;font-size:.86rem;font-weight:650;line-height:1.4}
.gsd-toolbar select{min-height:42px;background:#fff;border:1px solid #b7c4b6;border-radius:7px;padding:8px 30px 8px 10px;font:inherit;color:inherit;max-width:100%}
.gsd-toolbar .gsd-grid-control{display:flex;align-items:center;gap:7px;min-height:42px;font-weight:500}
.gsd-grid-control input{accent-color:#246256;width:17px;height:17px}
.gsd-toolbar button{min-height:42px;margin-left:auto}
.gsd-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gsd-comparison figure{margin:0;min-width:0;border:1px solid #d3dcd1;border-radius:10px;overflow:hidden;background:#fff}
.gsd-comparison figcaption{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:12px 14px;align-items:center;line-height:1.35;margin:0}
.gsd-comparison figcaption>span{font-size:.8rem;color:#587063}
.gsd-comparison figcaption strong{font-size:1rem;text-align:right}
.gsd-comparison figcaption small{grid-column:1/-1;font-size:.76rem;color:#617268}
.gsd-comparison canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;image-rendering:pixelated}
.gsd-comparison canvas[role=button]{cursor:crosshair;touch-action:manipulation}
.gsd-comparison canvas[role=button]:focus-visible{outline:3px solid #16776b;outline-offset:-3px}
.gsd-scale-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin:10px 0 14px}
.gsd-ruler{text-align:center;min-width:0}.gsd-ruler>span{display:block;border:solid #52675d;border-width:0 1px 1px;height:7px;margin:auto;max-width:100%}.gsd-ruler small{display:block;font-size:.74rem;margin-top:3px}
.gsd-scale-row p{margin:0;font-size:.76rem;color:#536b5f;line-height:1.5;text-align:right}
.gsd-findings{border-left:3px solid #418578;padding:4px 0 4px 14px;margin:16px 0 24px;line-height:1.65}
.gsd-findings p{margin:3px 0;font-size:.88rem}.gsd-findings strong{color:#174c41}
.gsd-inspector{border-top:1px solid #d5ddd2;padding-top:19px}
.gsd-inspector h3{margin:0 0 5px;font-size:1.05rem}
.gsd-inspector>div>p{font-size:.82rem;margin:0 0 16px;color:#587064;line-height:1.6}
.gsd-pixel-flow{display:grid;grid-template-columns:112px 62px 112px 1fr;gap:12px;align-items:center}
.gsd-pixel-flow figure{margin:0;text-align:center}.gsd-pixel-flow canvas,.gsd-pixel-flow [data-gsd-swatch]{display:block;width:100%;aspect-ratio:1;height:auto;border:1px solid #aabdb3;image-rendering:pixelated}
.gsd-pixel-flow figcaption{font-size:.72rem;line-height:1.5;margin-top:6px}
.gsd-merge-arrow{text-align:center;align-self:start;padding-top:22px}.gsd-merge-arrow>span{display:block;font-size:1.7rem}.gsd-merge-arrow small{font-size:.7rem;white-space:nowrap}
.gsd-pixel-numbers{padding-left:14px;min-width:0}.gsd-pixel-numbers p{margin:0 0 12px;line-height:1.55}.gsd-pixel-numbers p:last-child{margin-bottom:0}.gsd-pixel-numbers span{display:block;font-size:.72rem;color:#64766b}.gsd-pixel-numbers strong{font-size:.87rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.gsd-pixel-numbers small{font-size:.76rem;font-weight:400}
.gsd-method{margin-top:22px;font-size:.83rem;line-height:1.8;overflow-wrap:anywhere}.gsd-method summary{cursor:pointer;color:#456457}.gsd-method p{margin:12px 0 0}
.gsd-crop-note{font-size:.78rem;line-height:1.65;color:#616e59;background:#ecefe5;padding:8px 12px;border-radius:5px;margin:12px 0 0}
@media(max-width:700px){.gsd-toolbar{gap:12px}.gsd-toolbar label:not(.gsd-grid-control){flex:1 1 180px}.gsd-toolbar button{margin-left:0}.gsd-comparison{gap:9px}.gsd-comparison figcaption{display:flex;flex-direction:column;align-items:flex-start;padding:9px}.gsd-comparison figcaption strong{font-size:.86rem}.gsd-comparison figcaption small{font-size:.66rem}.gsd-pixel-flow{grid-template-columns:minmax(64px,1fr) 54px minmax(64px,1fr);gap:8px}.gsd-pixel-numbers{grid-column:1/-1;display:flex;gap:16px;justify-content:space-between;padding:6px 0 0}.gsd-pixel-numbers p{flex:1}.gsd-scale-row p{font-size:.67rem}.gsd-ruler small{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){.gsd-lab *{scroll-behavior:auto}}