.sample-document { color:#25272b; font-family:'Songti SC',SimSun,serif; font-size:16px; line-height:1.95; overflow-wrap:anywhere; letter-spacing:0; }
.sample-document .sample-heading { color:#191b20; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; line-height:1.55; margin:1.7em 0 .8em; letter-spacing:0; }
.sample-document .sample-heading-title { font-size:26px; text-align:center; margin-top:0; }
.sample-document .sample-heading-chapter,.sample-document .sample-heading-1 { font-size:21px; text-align:center; }
.sample-document .sample-heading-2 { font-size:18px; text-align:left; }
.sample-document .sample-heading-3 { font-size:16px; text-align:left; }
.sample-paragraph { margin:0 0 1em; white-space:pre-wrap; text-indent:2em; }
.sample-table-wrap { max-width:100%; margin:28px 0; }
.sample-table-caption { margin:0 0 12px; color:#25272b; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:14px; font-weight:700; line-height:1.6; text-align:center; text-indent:0; }
.sample-table-scroll { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
.sample-table { border-collapse:collapse; min-width:100%; font-size:14px; line-height:1.65; text-indent:0; }
.sample-table th,.sample-table td { border:1px solid #d9dce2; padding:10px 12px; min-width:110px; vertical-align:top; white-space:pre-wrap; }
.sample-table th { background:#f4f5f7; font-weight:600; }
.sample-image { margin:24px 0; text-align:center; }
.sample-image img { display:block; max-width:100%; height:auto; margin:auto; }
.sample-image figcaption { color:#32343a; font-size:14px; font-weight:700; line-height:1.6; margin-top:10px; }
.sample-formula { overflow-x:auto; padding:16px 0; margin:12px 0; text-align:center; }
.sample-formula math { font-size:1.1em; }
.sample-code { max-width:100%; overflow:auto; white-space:pre; background:#f4f5f7; padding:16px; border-radius:6px; font:13px/1.8 ui-monospace,monospace; margin:20px 0; }
.sample-media-error { color:#a33232; }
html, .sample-dialog-body, .sample-table-scroll, .sample-formula, .sample-code, #document, #json-input, #visual-controls { scrollbar-width:thin; scrollbar-color:#a6a6a6 #f1f1f1; }
html::-webkit-scrollbar, .sample-dialog-body::-webkit-scrollbar, #document::-webkit-scrollbar, #json-input::-webkit-scrollbar, #visual-controls::-webkit-scrollbar { width:6px; height:6px; }
.sample-table-scroll::-webkit-scrollbar, .sample-formula::-webkit-scrollbar, .sample-code::-webkit-scrollbar { width:4px; height:4px; }
html::-webkit-scrollbar-thumb, .sample-dialog-body::-webkit-scrollbar-thumb, .sample-table-scroll::-webkit-scrollbar-thumb, .sample-formula::-webkit-scrollbar-thumb, .sample-code::-webkit-scrollbar-thumb, #document::-webkit-scrollbar-thumb, #json-input::-webkit-scrollbar-thumb, #visual-controls::-webkit-scrollbar-thumb { background:#a6a6a6; border-radius:4px; }
html::-webkit-scrollbar-track, .sample-dialog-body::-webkit-scrollbar-track, .sample-table-scroll::-webkit-scrollbar-track, .sample-formula::-webkit-scrollbar-track, .sample-code::-webkit-scrollbar-track, #document::-webkit-scrollbar-track, #json-input::-webkit-scrollbar-track, #visual-controls::-webkit-scrollbar-track { background:#f1f1f1; }
@supports selector(::-webkit-scrollbar) {
  html, .sample-dialog-body, .sample-table-scroll, .sample-formula, .sample-code, #document, #json-input, #visual-controls { scrollbar-width:auto; scrollbar-color:auto; }
}
@media(max-width:600px) { .sample-document { font-size:15px; line-height:1.9; } .sample-document .sample-heading-title { font-size:22px; } .sample-document .sample-heading-chapter,.sample-document .sample-heading-1 { font-size:19px; } .sample-document .sample-heading-2 { font-size:17px; } }