.dn-image-modal { width:min(960px,100%); max-height:96dvh; }
.dn-image-modal .modal-body { padding-top:8px; }
.dn-image-editor,.dn-collage-editor { display:flex; flex-direction:column; gap:12px; }
.dn-image-tabs,.dn-edit-toolbar { display:flex; gap:6px; flex-wrap:wrap; }
.dn-image-tabs .button { min-height:36px; padding:6px 10px; }
.dn-image-tabs [aria-pressed=true],.dn-edit-toolbar [aria-pressed=true] { background:#dcefe2; color:#13623a; border-color:#3a9560; }
.dn-edit-controls { display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; }
.dn-edit-controls[hidden] { display:none; }
.dn-edit-controls label { display:flex; align-items:center; gap:6px; }
.dn-edit-controls textarea { width:100%; resize:vertical; padding:10px; border:1px solid #d6ded7; border-radius:8px; }
.dn-edit-controls input[type=color] { width:40px; height:32px; padding:0; }
.dn-edit-controls input[type=range] { width:140px; accent-color:#258153; }
.dn-edit-frame { background:#e8ece9; display:flex; justify-content:center; align-items:center; min-height:100px; border-radius:8px; overflow:hidden; }
.dn-edit-canvas { display:block; max-width:100%; max-height:52dvh; width:auto; height:auto; touch-action:none; cursor:crosshair; }
.dn-image-help { margin:0; color:#626f67; font-size:13px; min-height:20px; }
.dn-image-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid #e5e9e5; padding-top:12px; }
.dn-image-actions > span { font-size:12px; color:#626f67; }
.dn-image-actions .button { flex-shrink:0; }
.dn-collage-previews { display:grid; gap:16px; }
.dn-collage-previews figure { margin:0; }
.dn-collage-previews figcaption { font-size:12px; color:#627269; text-align:center; margin-top:6px; }
.dn-collage-image { width:100%; max-height:60dvh; object-fit:contain; display:block; background:#f0f2ef; }
@media(max-width:600px) { .dn-image-modal { border-radius:16px 16px 0 0; } .dn-edit-toolbar .button { padding:8px 10px; font-size:13px; } .dn-image-actions { flex-wrap:wrap; } .dn-image-actions .button { margin-left:auto; } }