html[data-theme] body.spa-body .workspace-page-feature .single-document-demo{box-sizing:border-box;display:flex!important;flex-direction:column!important;gap:16px!important;padding:22px!important;border:1px solid #d4e1ed!important;border-radius:18px!important;background:radial-gradient(ellipse at 0 0,#e0edf7 0,transparent 65%),radial-gradient(ellipse at 100% 100%,#d8e6f1 0,transparent 65%),linear-gradient(135deg,#eef5fa,#f5f8fc)!important;box-shadow:0 12px 30px #26486f0b!important;min-width:0!important}
.document-single-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.document-single-name{display:flex;align-items:center;gap:10px;min-width:0}
.document-single-name>span{display:grid;place-items:center;width:36px;height:42px;border:1px solid #bfd3e6;background:#ffffff8c;border-radius:7px;font:600 10px system-ui;color:#547797;flex-shrink:0}
.document-single-name b{display:block;font:600 15px/1.5 system-ui;color:#2b4969}.document-single-name small{display:block;font:11px/1.6 system-ui;color:#69839b;margin-top:2px}
html[data-theme] body.spa-body .single-document-demo .document-row-actions{gap:6px}
html[data-theme] body.spa-body .single-document-demo .document-row-actions button{min-height:42px;padding:9px 12px;background:#ffffffa6;border:1px solid #c4d6e8;border-radius:7px;font:600 12px system-ui;color:#45698f}
html[data-theme] body.spa-body .single-document-demo .document-row-actions button[aria-pressed="true"]{background:#e0ecf7;color:#244e79;border-color:#9bb9d8}
html[data-theme] body.spa-body .single-document-demo .document-demo-editor{width:100%;min-width:0;box-sizing:border-box;border:1px solid #cbdbe9;background:#ffffffd9;border-radius:10px;box-shadow:0 7px 18px #244d7410}
.single-document-demo .document-demo-editor>header,.single-document-demo .document-demo-editor>footer{background:#edf4fa;color:#698198;padding:12px 16px;font-size:11px}
html[data-theme] body.spa-body .single-document-demo .document-demo-paper{padding:26px 22px;min-height:370px;height:auto;background:linear-gradient(100deg,#fbfcfd,#fff 45%,#fafbfd);overflow:hidden}
html[data-theme] body.spa-body .single-document-demo [data-doc-text]{display:block;min-height:190px;white-space:pre-wrap;font:13px/1.85 Georgia,serif;color:#3d4b5e;overflow-wrap:anywhere}
.ocr-text-line{display:block;position:relative;margin:0 0 12px;transition:filter .3s,color .3s,background .3s}
.is-source-scan .ocr-text-line{filter:blur(.45px);color:#727b86;transform:rotate(-.16deg);letter-spacing:.01em}
.is-source-scan .ocr-text-line.is-recognized{filter:none;transform:none;color:#344a65;background:#e8f1fa66}
.ocr-text-line.is-reading:after{content:'';position:absolute;inset:-3px -5px;border:1px dashed #6f9cc4;border-radius:2px;background:#dcebf522}
.single-document-demo .document-signature{display:block;text-align:right;font:12px/1.7 Georgia,serif;color:#65758a;margin-top:20px}
html[data-theme] body.spa-body .single-document-demo .ocr-scan-line{left:16px;right:16px;height:1px;background:#5e91bd;box-shadow:0 -8px 15px 6px #78a6ce20;animation:none!important;transition:top .45s linear;z-index:2}
html[data-theme] body.spa-body .single-document-demo [data-doc-text][contenteditable="true"]{padding:12px;background:#f5f9fd;border:1px solid #cadced;border-radius:5px;box-sizing:border-box;outline-offset:3px;color:#304b68}
@media(max-width:700px){
 html[data-theme] body.spa-body .workspace-page-feature .single-document-demo{padding:14px!important;gap:12px!important;border-radius:14px!important}
 .document-single-head{gap:12px}.document-single-name b{font-size:14px}
 html[data-theme] body.spa-body .single-document-demo .document-row-actions{width:100%}.single-document-demo .document-row-actions button{flex:1}
 html[data-theme] body.spa-body .single-document-demo .document-demo-paper{padding:22px 16px;min-height:370px}
 html[data-theme] body.spa-body .single-document-demo [data-doc-text]{font-size:14px;line-height:1.8;min-height:0}
 html[data-theme] body.spa-body .single-document-demo [data-doc-text][contenteditable="true"]{font-size:16px;line-height:1.65;padding:10px}
 .single-document-demo .document-demo-editor>header{gap:5px;flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.single-document-demo .ocr-scan-line,.ocr-text-line{transition:none!important}.is-source-scan .ocr-text-line{filter:none;transform:none}}