.history-summary-dialog, .summary-edit-dialog { width: min(900px, calc(100% - 24px)); max-height: calc(100dvh - 24px); overflow: auto; background: #202226; color: #edf0f2; border: 1px solid #484d53; border-radius: 8px; padding: 20px; font: 14px/1.6 'Microsoft YaHei', sans-serif; }
.history-summary-dialog::backdrop, .summary-edit-dialog::backdrop { background: rgba(0,0,0,.7); }
.history-summary-dialog > header, .history-summary-dialog footer { display: flex; gap: 16px; align-items: center; justify-content: space-between; }
.history-summary-dialog h2, .summary-edit-dialog h2 { margin: 0; font-size: 19px; }
.history-summary-dialog h3 { font-size: 15px; margin: 20px 0 8px; }
.history-summary-dialog nav { display: flex; gap: 8px; border-bottom: 1px solid #484d53; padding: 14px 0; margin-bottom: 16px; }
.history-summary-dialog button, .summary-edit-dialog button { background: #30353b; color: #edf0f2; border: 1px solid #58616a; border-radius: 4px; padding: 6px 12px; cursor: pointer; font: inherit; }
.history-summary-dialog button[aria-pressed="true"] { border-color: #79b8ac; background: #2f514a; }
.history-summary-dialog button:disabled { opacity: .45; cursor: default; }
.history-summary-dialog label { display: flex; flex-direction: column; gap: 5px; margin: 8px 0; }
.history-summary-dialog input { background: #141619; color: #fff; border: 1px solid #58616a; border-radius: 4px; padding: 8px; min-width: 0; font: inherit; }
.summary-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.summary-controls input[type="number"] { width: 135px; }
.summary-record { border: 1px solid #41474d; border-radius: 6px; padding: 12px; margin: 10px 0; }
.summary-record strong { font-size: 13px; color: #a9d7cb; }
.summary-record p { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 300px; overflow: auto; }
.summary-empty { color: #9aa2ac; }
.history-summary-dialog fieldset { border: 1px solid #484d53; padding: 14px; }
.history-summary-dialog .summary-toggle { flex-direction: row; align-items: center; }
.history-summary-dialog footer { border-top: 1px solid #484d53; margin-top: 16px; padding-top: 14px; }
.history-summary-dialog [data-status] { overflow-wrap: anywhere; flex: 1; min-width: 0; }
.summary-edit-dialog textarea { display: block; width: 100%; min-height: 45dvh; margin-top: 16px; background: #141619; color: #fff; border: 1px solid #58616a; padding: 12px; font: inherit; resize: vertical; }
.summary-edit-dialog > div { display: flex; gap: 8px; justify-content: flex-end; }
@media (max-width: 600px) { .history-summary-dialog, .summary-edit-dialog { padding: 12px; } .history-summary-dialog footer { align-items: flex-start; } }