/* Commandes et identité communes à tous les aperçus, indépendantes du contenu des slides. */
#theme-dialog .dialog-top{padding:14px 20px;letter-spacing:0;min-height:60px}
.td-heading{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap}
.td-theme-code{font:10px monospace;color:var(--muted)}
.td-heading strong{font:600 16px/1.25 Arial,sans-serif}
#theme-dialog .td-heading .police-options{margin:0 0 0 8px;gap:4px}
#theme-dialog .td-heading .police-options button{padding:8px 10px;font:11px Arial,sans-serif;min-height:34px}
#theme-dialog .td-workspace{display:grid;grid-template-columns:minmax(0,1fr) 234px;gap:24px;padding:18px 20px;align-items:center}
#theme-dialog .td-stage{padding:0;min-width:0;align-items:center}
#theme-dialog .td-frame{width:min(100%,calc((96svh - 216px)*16/9));box-shadow:0 8px 28px #00000016}
.td-details{padding-left:22px;border-left:1px solid var(--line);display:grid;gap:20px;min-width:0}
.td-details h3{font:600 11px/1.4 Arial,sans-serif;margin:0 0 10px;color:var(--ink)}
.td-palette{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}
.td-palette li{display:grid;gap:5px;min-width:0;align-content:start}
.td-color{display:block;background:var(--swatch);height:30px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000014}
.td-color-role{font:10px/1.3 Arial,sans-serif;color:var(--muted);min-height:26px}
.td-palette code{font:10px/1.2 monospace;color:var(--ink);user-select:all}
.td-illustration-colors .td-color{height:22px}
.td-type{border-top:1px solid var(--line);padding-top:14px}
.td-type dl{margin:0;display:grid;gap:10px}.td-type dt{font:10px/1.4 Arial,sans-serif;color:var(--muted)}
.td-type dd{margin:2px 0 0;font:600 13px/1.3 Arial,sans-serif;overflow-wrap:anywhere}
#theme-dialog .td-footer{display:block;border-top:1px solid var(--line);padding:14px 20px 12px}
#theme-dialog .td-controls{padding:0;gap:14px;flex-wrap:wrap}
#theme-dialog .td-controls button{height:40px;min-width:0;width:auto;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #c5cabb;border-radius:5px;background:transparent;color:var(--ink);font:12px/1 Arial,sans-serif;white-space:nowrap;cursor:pointer}
#theme-dialog .td-controls button:hover{background:#e8ebdf;border-color:#a7b296}
#theme-dialog .td-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
#theme-dialog .td-controls button.primary{margin-left:auto;background:#293822;border-color:#293822;color:#fff;padding:0 18px}
#theme-dialog .td-controls button.primary:hover{background:#3f5333}
.td-navigation,.td-tools{display:flex;align-items:center;gap:6px}
.td-navigation{padding-right:14px;border-right:1px solid var(--line)}
.td-position{min-width:56px;text-align:center;font:12px/1.2 monospace;color:var(--muted);font-variant-numeric:tabular-nums}
#theme-dialog .td-note{margin:9px 0 0;font-size:10px;line-height:1.4}
@media(max-width:1000px){
 #theme-dialog .td-workspace{grid-template-columns:minmax(0,1fr);gap:20px}
 #theme-dialog .td-frame{width:100%}
 .td-details{padding:16px 0 0;border-left:0;border-top:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px}
 .td-details>section:first-child{grid-column:1}.td-type{grid-column:2;grid-row:1 / span 2;padding:0 0 0 18px;border-top:0;border-left:1px solid var(--line)}
 .td-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
 .td-illustration-colors{grid-column:1}
 #theme-dialog .td-controls{gap:10px}.td-navigation{padding-right:0;border-right:0}
}
@media(max-width:600px){
 #theme-dialog .dialog-top{padding:12px}.td-heading{gap:6px 10px}.td-heading strong{font-size:14px}
 #theme-dialog .td-heading .police-options{margin:4px 0 0;width:100%}
 #theme-dialog .td-workspace{padding:12px}.td-details{grid-template-columns:1fr;gap:16px}
 .td-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.td-color-role{min-height:0}.td-color{height:28px}
 .td-type{grid-column:1;grid-row:auto;border:0;border-top:1px solid var(--line);padding:12px 0 0}.td-type dl{grid-template-columns:1fr 1fr}
 #theme-dialog .td-footer{padding:12px}.td-navigation{justify-content:space-between;width:100%}.td-tools{flex-wrap:wrap}
 #theme-dialog .td-controls button.primary{width:100%;margin:0}
 #theme-dialog .td-note{font-size:10px}
}