.cw-images-upload { display:flex; flex-wrap:wrap; gap:16px; padding:16px; margin-bottom:20px; border:1px solid #80808070; border-radius:8px; }
.cw-images-panel label,.cw-image-card label,.cw-slideshow-settings label { display:flex; flex-direction:column; gap:6px; }
.cw-images-panel input,.cw-images-panel textarea,.cw-images-panel select { color:inherit; background:var(--mud-palette-surface); padding:8px; border:1px solid #8888; border-radius:5px; max-width:100%; }
.cw-images-panel input[type=checkbox],.cw-slideshow-settings input[type=checkbox] { width:auto; }
.cw-image-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px; }
.cw-image-card { display:flex; flex-direction:column; gap:8px; padding:12px; border:1px solid #8888; border-radius:8px; overflow:hidden; }
.cw-image-card.selected { border:2px solid #d9a441; }
.cw-image-card img { width:100%; height:170px; object-fit:contain; background:#151820; }
.cw-image-card p { white-space:pre-wrap; overflow-wrap:anywhere; }
.cw-image-card button { margin-top:auto; padding:7px; border:1px solid #8888; border-radius:5px; }
.cw-image-section { margin-block:24px; }.cw-image-section h3 { margin-bottom:14px; }.cw-image-error { color:#e66; }
.cw-character-image img { display:block; max-width:200px; max-height:220px; object-fit:contain; margin-bottom:12px; }
.cw-reference-previous { display:flex; gap:10px; align-items:center; margin-bottom:10px; }
.cw-slideshow-dialog .mud-dialog-content { padding:0; }.cw-slideshow { position:relative; height:100dvh; width:100%; background:#0c1018; color:#f2f4f8; display:flex; flex-direction:column; overflow:hidden; }
.cw-slideshow-exit { position:absolute; z-index:3; left:16px; top:16px; display:grid; place-items:center; width:44px; height:44px; background:#d9eaff; color:#142b42; border:2px solid #fff; border-radius:8px; cursor:pointer; }
.cw-slideshow-settings { margin:74px auto 20px; width:min(600px,95%); padding:20px; overflow:auto; display:flex; flex-direction:column; gap:16px; }
.cw-slideshow-settings select,.cw-slideshow-settings input { background:#243049; color:#fff; padding:8px; border:1px solid #8392a8; border-radius:4px; }
.cw-slideshow-image { width:100%; flex:1; min-height:0; object-fit:contain; padding:8px 64px; }
.cw-slideshow-caption { max-height:35vh; overflow:auto; padding:14px 24px; background:#172033; }.cw-slideshow-caption p { white-space:pre-wrap; margin:6px 0; }
.cw-slideshow-controls { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:12px; }.cw-slideshow-controls button { padding:8px 12px; background:#d9eaff; color:#142b42; border-radius:6px; }
.cw-slideshow button:focus-visible,.cw-images-panel button:focus-visible { outline:3px solid #ffde59; outline-offset:3px; }
@media(max-width:600px) { .cw-image-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.cw-images-upload { flex-direction:column; }.cw-slideshow-image { padding:56px 4px 4px; }.cw-slideshow-controls { gap:7px; flex-wrap:wrap; } }