.zla-dialog { position:fixed; inset:0; margin:auto; padding:16px; width:min(820px,96vw); height:min(850px,94dvh); max-width:96vw; max-height:94dvh; border:1px solid #aaa; border-radius:8px; box-sizing:border-box; color:#222; background:#fff; overflow:auto; }
.zla-dialog:not([open]) { display:none; }
.zla-dialog::backdrop { background:#0008; }
.zla-dialog header { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.zla-dialog h2 { font-size:20px; margin:0; }
.zla-dialog button { min-height:44px; border-radius:6px; }
.zla-dialog [data-close] { width:44px; flex:none; font-size:22px; }
.zla-dialog textarea,.zla-dialog select { width:100%; font-size:16px; box-sizing:border-box; margin-bottom:8px; }
.zla-dialog [data-turns] { min-height:150px; height:35dvh; overflow:auto; border-block:1px solid #ddd; margin:12px 0; }
.zla-dialog article { padding:10px 0; border-bottom:1px solid #eee; white-space:pre-wrap; overflow-wrap:anywhere; }
.zla-dialog article p { margin:6px 0; }
.zla-dialog article [data-reply] { border-left:3px solid #16814c; padding-left:10px; }
.zla-dialog [data-selection] { white-space:pre-wrap; overflow-wrap:anywhere; background:#f3f6f4; padding:10px; }
.zla-dialog [data-note] { color:#8a4512; overflow-wrap:anywhere; }
.zla-dialog [data-actions] { display:flex; gap:8px; flex-wrap:wrap; }
.zla-dialog [data-run] { background:#16784a; color:#fff; }
@media(max-width:650px) { .zla-dialog { padding:12px; } .zla-dialog [data-turns] { height:32dvh; } }