.module-type-tabs { flex-wrap:wrap; }
.module-type-tabs button { flex:none; }
.module-type-tabs ~ [role=tabpanel]:focus-visible { outline:1px solid var(--text-muted); outline-offset:var(--space-1); }
.module-fixed-text { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink); margin-top:var(--space-6); line-height:1.75; }
.module-fields select { width:100%; min-height:var(--control-height); padding:var(--space-3); border:1px solid var(--border); border-radius:var(--radius); background:var(--surface-subtle); color:var(--ink); }
.module-reference-figure { margin:0; min-width:0; padding:var(--space-4); }
.module-image-open,.module-example-open { display:grid; place-items:center; width:100%; padding:0; border:0; border-radius:var(--radius); background:var(--surface-subtle); cursor:zoom-in; overflow:hidden; }
.module-image-open { height:320px; }
.module-image-open > img { display:block; width:100%; height:100%; object-fit:contain; }
.module-image-crop { display:block; position:relative; overflow:hidden; width:100%; border-radius:var(--radius); }
.module-image-crop img { display:block; position:absolute; max-width:none; height:auto; }
.module-image-open .module-image-crop { width:min(100%,calc(320px * var(--image-ratio))); }
.module-preview-caption { margin-top:var(--space-3); color:var(--text-secondary); }
.module-thumbnails { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:var(--space-4); }
.module-thumbnail { display:grid; place-items:center; width:80px; height:64px; border:1px solid var(--border); padding:var(--space-1); border-radius:var(--radius); background:var(--surface); overflow:hidden; }
.module-thumbnail > img { width:100%; height:100%; object-fit:contain; }
.module-thumbnail[aria-pressed=true] { border-color:var(--green); background:var(--surface-active); }
.module-example-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:var(--space-6); margin-top:var(--space-4); }
.module-example-grid figure { min-width:0; margin:0; }
.module-example-open { height:320px; }
.module-example-open > img { display:block; width:100%; height:100%; object-fit:contain; }
.module-example-open .module-image-crop { width:min(100%,calc(320px * var(--image-ratio))); }
.module-example-grid figcaption { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); margin-top:var(--space-2); color:var(--text-secondary); }
.module-example-grid figcaption .ai-prompt-copy { flex:none; }
.module-example-grid figcaption span:empty { display:none; }
.module-example-grid figcaption .ai-prompt-copy { margin-left:auto; }
.module-example-caption { display:flex; flex-direction:column; gap:var(--space-1); min-width:0; }
.module-example-caption strong { color:var(--ink); font-size:var(--font-body); font-weight:600; }
.module-example-caption > span { font-size:var(--font-small); color:var(--text-muted); }
.module-empty { padding:var(--space-6); border:1px solid var(--border); border-radius:var(--radius); }
.module-pending { display:inline-block; margin-bottom:var(--space-3); padding:var(--space-1) var(--space-2); border-radius:var(--radius-pill); background:var(--surface-subtle); color:var(--text-muted); font-size:var(--font-small); }
.module-image-dialog .module-dialog-caption { text-align:center; margin-bottom:var(--space-4); }
.module-image-dialog .gallery-stage .module-image-crop { flex:none; max-height:100%; }
@media(max-width:760px){.module-example-grid{grid-template-columns:minmax(0,1fr)}.module-reference-figure{padding:0}.module-type-tabs button{flex:none;min-width:0}.module-image-open,.module-example-open{height:240px}.module-image-open .module-image-crop,.module-example-open .module-image-crop{width:min(100%,calc(240px * var(--image-ratio)))}}