.gd-results{margin:1rem 0 1.25rem;padding:1rem;border:1px solid #c9d9e4;border-radius:12px;background:#f7fafc;color:#172d40}
.gd-image-grid{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.gd-image{margin:0;min-width:0;max-width:100%;flex:0 1 auto}
.gd-image figcaption{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:.2rem;margin:0 0 .55rem;font-size:.95rem;line-height:1.45}
.gd-image figcaption span{color:#42586a;font-size:.82rem;max-width:260px}
.gd-checker{display:block;width:fit-content;max-width:100%;border:1px solid #8499a7;background-color:#fff;background-image:linear-gradient(45deg,#dbe3e9 25%,transparent 25%),linear-gradient(-45deg,#dbe3e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dbe3e9 75%),linear-gradient(-45deg,transparent 75%,#dbe3e9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.gd-checker img{display:block;max-width:100%;object-fit:contain;margin:0!important}
.gd-pixelated img{image-rendering:pixelated}
.gd-download,.gd-source-links a{display:inline-flex;min-height:44px;align-items:center;padding:.3rem .1rem;text-underline-offset:3px}
.gd-result-note{font-size:.85rem;line-height:1.5;margin:.65rem 0 .2rem!important;color:#42586a}
.gd-source-links{margin:0!important}.gd-no-image{padding:.75rem;border:1px dashed #718594}
.gd-workshop{margin:1rem 0;padding:1rem;border:1px solid #bacddc;border-radius:12px;background:#f5f9fc}
.gd-workshop fieldset{border:0;padding:0;margin:0 0 1rem}.gd-workshop legend{font-weight:700;margin-bottom:.5rem}
.gd-workshop label{display:inline-flex;align-items:center;min-height:44px;gap:.4rem;margin-right:1rem;cursor:pointer}
.gd-workshop input{width:1.15rem;height:1.15rem}.gd-workshop .gd-variant{display:none}.gd-workshop .gd-variant.is-selected{display:block}
.gd-code-change{padding:.65rem;background:#e8f0f6;overflow-wrap:anywhere}
@media(max-width:600px){.gd-results,.gd-workshop{padding:.7rem}.gd-image-grid{flex-direction:column;gap:1.2rem}.gd-image{width:100%}.gd-image figcaption span{max-width:none}.gd-source-links{line-height:1.7}.gd-workshop label{display:flex;margin:0}.gd-checker{max-width:100%}}