/* Styles de pages internes extraits des templates (phase 2) : chargés par base.html après base.css. */

/* ---- preview_app.html : écrans et résumé des parties ---- */
.screens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:12px 0}
.screens-grid figure{margin:0}
.screens-grid img{width:100%;border-radius:10px;border:1px solid var(--line)}
.screens-grid figcaption{font-size:13px;color:var(--mut);margin-top:4px}
.parts-summary{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px}
.parts-summary dt{color:var(--mut)}
.parts-summary dd{margin:0}

/* ---- resellers.html (Habillage) : presets et réglages ---- */
#theme-fields{border:0;padding:0;margin:0}
.presets{border:0;padding:0;margin:18px 0}
.presets legend{font-weight:600;margin-bottom:4px}
.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:10px 0}
.preset{position:relative;display:flex;flex-direction:column;border:2px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;background:var(--card2);margin:0}
.preset img{display:block;width:100%;aspect-ratio:480/281;object-fit:cover}
.preset span{display:flex;flex-direction:column;padding:8px 10px;gap:2px}
.preset small{color:var(--mut);font-size:12px;line-height:1.35}
.preset input{position:absolute;opacity:0;pointer-events:none}
.preset:has(input:checked){border-color:var(--acc2);box-shadow:0 0 0 3px rgba(99,102,241,.35)}
.preset:has(input:focus-visible){outline:3px solid var(--acc2);outline-offset:2px}
.check{display:flex;gap:8px;align-items:center;font-weight:400}
#theme-css{width:100%;background:#0c1320;color:#e8eef6;padding:12px;font:14px monospace}
#theme-preview{width:100%;height:560px;border:1px solid #30405a;border-radius:12px;background:#fff}