/* Readable product examples with full-size views. */
.addin-gallery { margin-top:42px; grid-column:1/-1; min-width:0; }
.addin-gallery figure { margin:0; min-width:0; }
.addin-enlarge { display:block; position:relative; padding:12px; border:1px solid #d4d4d4; background:#fff; color:var(--ink); }
.addin-enlarge img { width:100%; height:auto; }
.addin-enlarge span { display:block; text-align:right; font-size:11px; padding:12px 4px 0; }
.addin-enlarge:hover { border-color:var(--purple); text-decoration:none; }
.addin-gallery figcaption { margin-top:14px; font-size:12px; line-height:1.8; }
.addin-gallery figcaption strong { display:block; font-size:15px; font-weight:500; margin-bottom:4px; }
.addin-demo-note { font-size:11px; line-height:1.7; margin-top:18px; opacity:.8; grid-column:1/-1; }
.addin-gallery-pair { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
.addin-gallery-pair .addin-enlarge img { height:300px; object-fit:contain; }
.addin-gallery-pair .addin-demo-note { margin:0; }
.addin-lightbox { width:min(1500px,96vw); max-width:96vw; max-height:94vh; padding:0; border:1px solid #ccc; background:#fff; color:var(--ink); }
.addin-lightbox::backdrop { background:rgba(0,0,0,.72); }
.addin-lightbox header { position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 20px; background:var(--paper); border-bottom:1px solid #ddd; z-index:1; }
.addin-lightbox h2 { font-size:18px; letter-spacing:0; }
.addin-lightbox button { min-height:44px; padding:8px 16px; background:var(--ink); color:white; border:0; cursor:pointer; }
.addin-lightbox img { display:block; width:100%; height:auto; }
@media(max-width:700px) {
 .addin-gallery { margin-top:28px; }
 .addin-gallery-pair { grid-template-columns:1fr; gap:24px; }
 .addin-enlarge { padding:6px; }
 .addin-gallery-pair .addin-enlarge img { height:auto; max-height:340px; }
 .addin-lightbox header { padding:8px 12px; }
 .addin-lightbox h2 { font-size:15px; }
}

.export-carousel { margin-top:40px; }
.export-slide[hidden],.export-controls[hidden] { display:none; }
.export-slide .addin-enlarge img { width:100%; height:clamp(210px,40vw,530px); object-fit:contain; background:#fff; }
.export-title { margin-bottom:12px; font-size:18px; font-weight:400; }
.export-controls { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:20px; }
.export-controls button { min-height:44px; padding:10px 16px; border:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; font-size:12px; }
.export-controls button[aria-pressed="true"] { background:var(--purple); color:white; border-color:var(--purple); }
.export-count { font-size:12px; padding:0 8px; }
.export-step-buttons { display:flex; flex-wrap:wrap; gap:8px; flex:1; }
.metadata-gallery { margin-bottom:40px; }
@media(max-width:700px) { .export-step-buttons { flex-basis:100%; } .export-step-buttons button { flex:1; padding:8px; } }