.widget-showcase figure{max-width:680px;margin:2rem auto}.widget-showcase img{width:100%;height:auto;display:block}.widget-showcase figcaption{font-size:.875rem;line-height:1.6;margin-top:1rem;color:#b7b7c5}.gallery-zoom{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;color:inherit}.gallery-zoom:focus-visible{outline:3px solid #8574ff;outline-offset:4px}#image-viewer{max-width:94vw;max-height:94vh;padding:1rem;background:#111118;color:#fff;border:1px solid #8574ff;border-radius:16px}#image-viewer::backdrop{background:rgba(0,0,0,.85)}#image-viewer img{display:block;max-width:85vw;max-height:78vh;object-fit:contain;margin:auto}#image-viewer button{display:block;margin:0 0 1rem auto;padding:.75rem 1rem;border:1px solid #8574ff;border-radius:8px;background:#191923;color:#fff;font:inherit;cursor:pointer}
.theme-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,4vw,3rem);max-width:660px;margin:2rem auto}.theme-comparison figure{margin:0;min-width:0}.theme-comparison figcaption{text-align:center;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.theme-comparison img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #353540}.theme-showcase>p{font-size:1rem;line-height:1.6;color:#b7b7c5}@media(max-width:380px){.theme-comparison{grid-template-columns:1fr;max-width:260px}}
.screen-grid figcaption strong{display:block;font-size:1rem;line-height:1.45;color:#eeeef4}.screen-grid figcaption p{font-size:1rem;line-height:1.6;font-weight:400;margin:.65rem 0 .25rem;color:#b7b7c5}.screen-grid .gallery-zoom{height:100%}
.widget-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2rem);max-width:1000px;margin:2rem auto}.widget-comparison figure{margin:0;min-width:0}.widget-comparison figcaption{text-align:center;font-size:1.125rem;font-weight:700;color:#eeeef4;margin:0 0 1rem}.widget-capture{aspect-ratio:597/850;overflow:hidden;background:#000;border:1px solid #353540;border-radius:16px}.widget-capture img{transform:translateY(-8.59375%)}.widget-capture:focus-within{outline:3px solid #8574ff;outline-offset:4px}.widget-note{color:#b7b7c5;line-height:1.6;font-size:.95rem;margin:1.5rem 0}.widget-formats{margin-top:2rem}@media(max-width:600px){.widget-comparison{grid-template-columns:1fr;max-width:420px}}
.theme-comparison img{box-sizing:border-box;padding:4px;background:#000}
/* Crop only the empty screenshot background, leaving about 6 source pixels
   around the widget group on all sides (x 33..564, y 108..962). */
.widget-capture{aspect-ratio:531/854}
.widget-capture img{width:112.429379%;max-width:none;transform:translate(-5.527638%,-8.4375%)}
.widget-model{margin:2rem 0}.widget-model-crop{position:relative;overflow:hidden;background:#000;border:1px solid #353540;border-radius:12px}.widget-model-crop img{position:absolute;top:0;left:-7.5289575%;width:115.250966%;max-width:none;height:auto;transform:translateY(0);margin-top:var(--offset)}.widget-model-crop .gallery-zoom{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent}.widget-model-crop:focus-within{outline:3px solid #8574ff;outline-offset:4px}