/* T0.1 adds server controls; existing reader and split preview remain intact. */
[hidden], #ptBtn, #ptP { display:none !important }
.pr-home-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; margin:.8rem 0 }
.pr-state { font: .82rem/1.6 system-ui,sans-serif; color:var(--text-muted,#988b78); white-space:pre-line; overflow-wrap:anywhere }
.pr-online { color:#87aa83 }
.pr-offline { color:#d4ac79 }
.pr-panel-actions { display:flex; gap:.5rem; flex-wrap:wrap; padding:.8rem 0 }
.pr-dialog { width:min(760px,calc(100% - 24px)); max-height:calc(100dvh - 32px); padding:0; margin:auto; background:var(--bg,#211c17); color:var(--text,#d8cdbd); border:1px solid var(--border,#5a4a38); border-radius:16px; box-shadow:0 20px 70px #0009; font:1rem/1.6 system-ui,sans-serif }
.pr-dialog::backdrop { background:#0009 }
.pr-dialog-head { display:flex; justify-content:space-between; align-items:center; padding:1rem; border-bottom:1px solid var(--border,#5a4a38); gap:.7rem }
.pr-dialog-head h2 { font-size:1.1rem; margin:0 }
.pr-dialog-body { padding:1rem; overflow:auto; max-height:calc(100dvh - 140px); overscroll-behavior:contain }
.pr-dialog section { padding:.7rem 0; border-bottom:1px solid var(--border,#5a4a38) }
.pr-dialog section:last-child { border:0 }
.pr-dialog h3 { font-size:1rem; margin:0 0 .5rem }
.pr-dialog form,.pr-controls { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center }
.pr-dialog input { min-width:0; flex:1 1 180px; background:transparent; color:inherit; border:1px solid var(--border,#5a4a38); border-radius:8px; padding:.65rem; font:inherit }
.pr-dialog button { font:inherit }
.pr-item { padding:.8rem 0; border-bottom:1px solid var(--border,#5a4a38); overflow-wrap:anywhere }
.pr-item p { margin:.3rem 0; font-size:.85rem; opacity:.8; white-space:pre-line }
.pr-item .ke-btn { margin-top:.3rem }
.pr-error { color:#d98b7e; white-space:pre-line }
.pr-status-strip { padding:.5rem 0; border-top:1px solid var(--border,#5a4a38) }
#prMessage { min-height:1.8em }
#bhP .sub-label, #bhP .sub-clr { display:none }
@media(max-width:600px) {
 .pr-dialog { max-height:calc(var(--ke-visible-height,100dvh) - 16px) }
 .pr-dialog-body { max-height:calc(var(--ke-visible-height,100dvh) - 110px) }
}