/* FairPDF+ HTML recreation, based on the supplied app screenshot.
   The document, chats, and file names are fictional. */
.doc-demo{--dd-bg:#151515;--dd-panel:#161616;--dd-panel-alt:#202020;--dd-border:#303033;--dd-text:#d9dce0;--dd-muted:#858593;--dd-teal:#06b6d4;margin:0;width:100%;color:var(--dd-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:1.45;text-align:left;letter-spacing:normal}
.doc-demo *{box-sizing:border-box}
.doc-demo strong,.doc-demo b{color:inherit}
.doc-demo-window{overflow:hidden;border:1px solid #4a4e4f;border-radius:14px;background:var(--dd-bg);box-shadow:0 30px 75px -35px #0007,0 3px 12px #0002}
.doc-demo-app{display:grid;grid-template-columns:21% 50% 29%;min-height:720px}
.doc-demo-left{min-width:0;background:#202020;border-right:1px solid var(--dd-border)}
.doc-demo-traffic{display:flex;gap:7px;padding:10px 12px 0;background:#161616}
.doc-demo-traffic i{width:11px;height:11px;border-radius:50%;background:#ff6058}
.doc-demo-traffic i:nth-child(2){background:#ffbd2e}.doc-demo-traffic i:nth-child(3){background:#28ca42}
.doc-demo-brand-row{display:flex;align-items:center;gap:10px;height:66px;padding:8px 13px 12px;background:#161616}
.doc-demo-brand-icon{flex:0 0 41px;width:41px;height:35px}
.doc-demo-brand{font-size:12px;font-weight:700;letter-spacing:2px;white-space:nowrap;color:#dce0e4}
.doc-demo-brand small{display:block;font-size:7px;letter-spacing:1.1px;color:#8a96a9;margin-top:3px;font-weight:600}
.doc-demo-sidebar-tools{margin-left:auto;color:#94a3b8;border:1px solid var(--dd-border);font-size:14px;padding:1px 4px;white-space:nowrap}
.doc-demo-sidebar-tabs,.doc-demo-library-tabs{display:flex;align-items:stretch;border-bottom:1px solid var(--dd-border);color:var(--dd-muted);letter-spacing:1.6px;font-size:10px;font-weight:600}
.doc-demo-sidebar-tabs{background:#161616}
.doc-demo-sidebar-tabs>span{flex:1;padding:15px 3px;text-align:center}
.doc-demo-tab-active{color:#dce0e4;border-bottom:2px solid var(--dd-teal)}
.doc-demo-search{display:flex;align-items:center;gap:8px;padding:9px;margin:13px 12px 10px;border:1px solid var(--dd-border);color:#8e8e98;font-size:10px;background:#202023;white-space:nowrap;overflow:hidden}
.doc-demo-search svg{flex:0 0 11px;width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5}
.doc-demo-new-chat{display:table;margin:14px auto 17px;border:1px solid #087d94;color:var(--dd-teal);padding:8px 11px;font-size:10px;font-weight:600}
.doc-demo-chat-item{position:relative;padding:15px 29px 15px 13px;border-left:2px solid transparent;min-height:80px;overflow:hidden}
.doc-demo-chat-item>strong{display:block;color:#d9dce0;font-size:12px;font-weight:600;margin-bottom:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.doc-demo-chat-item>span{display:block;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;color:#7f8191;line-height:1.65}
.doc-demo-chat-item>i{position:absolute;right:11px;top:25px;color:#c3c6cd;font-style:normal;font-size:15px}
.doc-demo-chat-selected{background:#2a2a2a;border-left-color:var(--dd-teal)}
.doc-demo-editor{min-width:0;display:flex;flex-direction:column;background:#151515}
.doc-demo-toolbar{height:43px;display:flex;align-items:center;gap:11px;padding:0 11px;background:#171717;min-width:0;overflow:hidden;color:#94a3b8}
.doc-demo-pages-toggle{font-size:18px;line-height:1}
.doc-demo-modes{display:flex;background:#272727;border-radius:5px;font-size:12px;font-weight:600;white-space:nowrap}
.doc-demo-modes>span{padding:5px 11px;color:#c7c7c7}
.doc-demo-modes .doc-demo-mode-active{background:#0b7ff9;color:#fff;border-radius:5px;padding-left:22px;padding-right:22px}
.doc-demo-tool-ai{padding-left:8px;border-left:1px solid var(--dd-border);font-weight:600;color:#c9cace;white-space:nowrap;font-size:11px}
.doc-demo-toolbar-icons{white-space:nowrap;font-size:17px;letter-spacing:1px;margin-left:auto}
.doc-demo-toolbar-chat{font-size:18px}
.doc-demo-document-heading{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#161616;border-bottom:1px solid var(--dd-border)}
.doc-demo-document-heading>strong{font-size:11px;font-weight:600;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-demo-outline-action{display:inline-block;border:1px solid #087d94;color:var(--dd-teal);padding:4px 7px;font-size:9px;font-weight:600;white-space:nowrap;letter-spacing:0}
.doc-demo-fillbar{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:11px;padding:7px 12px;background:#222;border-bottom:1px solid var(--dd-border);font-size:10px;font-weight:500;line-height:1.2;color:#9caac0}
.doc-demo-fillbar>span{white-space:nowrap}
.doc-demo-accent,.doc-demo b.doc-demo-accent{color:var(--dd-teal)}
.doc-demo-canvas{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;padding:5px 5px 22px;background:#242424}
.doc-demo-paper{display:flex;flex-direction:column;justify-content:center;flex:1;width:100%;padding:33px 35px 21px;background:#fcfcfa;color:#23282b;box-shadow:0 2px 10px #0003}
.doc-demo-paper-kicker{display:flex;justify-content:space-between;gap:15px;font-size:7px;font-weight:700;letter-spacing:1px;color:#687176}
.doc-demo-paper h3{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:34px;line-height:1.12;letter-spacing:-1.4px;font-weight:500;color:#202629;margin:28px 0 11px}
.doc-demo-paper .doc-demo-paper-intro{font-size:10px;line-height:1.5;color:#626e74;margin:0 0 22px}
.doc-demo-paper-rule{height:2px;background:#22282c;margin-bottom:24px}
.doc-demo-paper-field{margin-bottom:20px}
.doc-demo-paper-field>span,.doc-demo-paper-bottom>div>span{display:block;font-size:8px;font-weight:600;letter-spacing:.8px;color:#687176;margin-bottom:6px}
.doc-demo-paper-field>strong{display:block;padding:9px 11px;min-height:38px;background:#eaf5f6;border:1px solid #95cbd3;color:#254b53;font-size:12px;font-weight:500;line-height:1.6;transition:background .45s,border-color .45s,box-shadow .45s}
.doc-demo-paper-field-long>strong{min-height:59px}
.doc-demo-filled-value{opacity:1;transition:opacity .55s}
.doc-demo-paper-bottom{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin:4px 0 29px}
.doc-demo-paper-bottom>div{flex:1;max-width:245px}
.doc-demo-signature-line{height:25px;border-bottom:1px solid #a1abad}
.doc-demo-paper-bottom small{display:block;font-size:8px;margin-top:7px;color:#687176}
.doc-demo-paper-mark{display:flex;align-items:center;font-weight:800;font-size:36px;letter-spacing:-3px;color:#293c44}
.doc-demo-paper-mark>span{font-size:24px;margin-top:-15px;letter-spacing:0}
.doc-demo-paper-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d3dbdd;padding-top:11px;font-size:6px;letter-spacing:.6px;color:#738084}
.doc-demo-page-status{position:absolute;bottom:3px;left:13px;right:13px;display:flex;justify-content:space-between;font-size:8px;color:#96969e}
.doc-demo-right{display:flex;flex-direction:column;background:#151515;border-left:1px solid var(--dd-border);min-width:0}
.doc-demo-library{min-height:299px;flex:1}
.doc-demo-panel-heading{display:flex;align-items:center;gap:10px;height:47px;padding:0 13px;background:#161616;letter-spacing:2px;font-size:11px;font-weight:700}
.doc-demo-panel-heading>.doc-demo-outline-action{margin-left:auto}
.doc-demo-library-tabs{justify-content:space-between}
.doc-demo-library-tabs>span{flex:1;text-align:center;padding:13px 4px;font-size:9px;letter-spacing:1px}
.doc-demo-library .doc-demo-search{margin-top:12px;margin-bottom:10px}
.doc-demo-library-file{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:75px;background:#2a2a2a;border-left:2px solid var(--dd-teal)}
.doc-demo-library-file-muted{background:transparent;border-left-color:transparent}
.doc-demo-library-file>div{display:grid;gap:7px;min-width:0}
.doc-demo-library-file strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-demo-library-file>div>span{font-size:8px;color:#828292;font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.5}
.doc-demo-library-file>div>span>b{font-family:inherit;color:#1cce9b;letter-spacing:1px;margin-right:5px;font-weight:700}
.doc-demo-file-menu{margin-left:auto;font-size:16px;line-height:1;color:#c3c6cd}
.doc-demo-mini-page{display:flex;flex-direction:column;gap:3px;flex:0 0 35px;width:35px;height:48px;padding:7px 4px;background:#f5f5f2}
.doc-demo-mini-page b{height:3px;width:80%;background:#3a3f43;margin-bottom:2px}
.doc-demo-mini-page i{height:1px;width:100%;background:#b5bcbd}
.doc-demo-mini-page em{height:4px;border:1px solid #b2d2d6;background:#e2eff0}
.doc-demo-assistant{display:flex;flex-direction:column;height:389px;min-height:0;border-top:1px solid var(--dd-border)}
.doc-demo-assistant .doc-demo-panel-heading{height:40px;min-height:40px;border-bottom:1px solid var(--dd-border);letter-spacing:1px}
.doc-demo-device{font-size:9px;font-weight:400;letter-spacing:0;color:var(--dd-muted);font-family:ui-monospace,SFMono-Regular,monospace}
.doc-demo-popout{margin-left:auto;color:#9caac0;font-size:13px}
.doc-demo-messages{position:relative;display:flex;flex-direction:column;gap:12px;padding:12px 13px 10px;flex:1;min-height:0;overflow:hidden}
.doc-demo-label{display:block;color:var(--dd-muted);font-size:8px;font-weight:600;letter-spacing:1.1px;line-height:1.7}
.doc-demo-message{margin:0}
.doc-demo-message .doc-demo-label{font-size:7px;margin-bottom:4px}
.doc-demo-message p,.doc-demo-idle-message p{margin:0;color:#d2d5dc;font-size:11px;line-height:1.5}
.doc-demo-user-prompt{padding-left:8px;border-left:1px solid #444}
.doc-demo-user-prompt p{font-size:10px;color:#b4bdc9}
.doc-demo-message-ai>p{padding:7px 8px;background:#202020;border:1px solid #303033;line-height:1.45}
.doc-demo-message-ai>p>span{color:#949cab;font-size:9px}
.doc-demo-version{display:table;padding:6px;border:1px solid #303033;background:#222;margin-top:8px}
.doc-demo-version-page{width:98px;height:107px;background:#f9f9f5;color:#2d3435;padding:10px 8px;display:flex;flex-direction:column;gap:5px}
.doc-demo-version-page>b{font-size:4px;letter-spacing:.3px;line-height:1.2}
.doc-demo-version-page>strong{font-size:7px;line-height:1.1;margin:2px 0 3px;letter-spacing:-.3px}
.doc-demo-version-page>i{height:1px;background:#bbc1c2;width:100%}
.doc-demo-version-page>em{height:7px;background:#e0eeee;border:1px solid #a4cbd1}
.doc-demo-version>span{font-size:7px;display:block;margin-top:5px;color:#858593;font-family:ui-monospace,SFMono-Regular,monospace}
.doc-demo-idle-message{display:none;color:#858593;padding-top:5px}
.doc-demo-idle-message p{font-size:11px;color:#8b93a0;margin-top:7px}
.doc-demo-working-message{display:none;color:#8b9aa9;font-size:10px;gap:7px;align-items:center;margin-top:5px}
.doc-demo-composer-tools{display:flex;align-items:center;gap:6px;height:26px;min-height:26px;border-top:1px solid var(--dd-border);padding:0 12px;color:#7c8494;font-size:8px}
.doc-demo-composer-tools>span:first-child{margin-right:auto;font-size:14px;color:#9caac0}
.doc-demo-composer-tools>span:nth-child(2){border:1px solid #393940;padding:0 4px}
.doc-demo-composer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 10px 10px 12px;background:#202023;color:#8a8a94;font-size:11px;min-height:43px}
.doc-demo-send{width:24px;height:24px;display:grid;place-items:center;background:#43434b;color:#9c9ca6;font-size:18px;line-height:1}
/* The outer playback controller changes only data-demo-stage. Layout stays steady. */
.doc-demo[data-demo-stage="0"] .doc-demo-filled-value,.doc-demo[data-demo-stage="1"] .doc-demo-filled-value{opacity:0;visibility:hidden}
.doc-demo[data-demo-stage="0"] .doc-demo-paper-field>strong{background:#f6f7f5;border-color:#c6cecd;box-shadow:none}
.doc-demo[data-demo-stage="1"] .doc-demo-paper-field>strong{background:#e5f5f7;border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d426}
.doc-demo[data-demo-stage="0"] .doc-demo-user-prompt,.doc-demo[data-demo-stage="0"] .doc-demo-message-ai,.doc-demo[data-demo-stage="1"] .doc-demo-message-ai{display:none}
.doc-demo[data-demo-stage="0"] .doc-demo-idle-message{display:block}
.doc-demo[data-demo-stage="1"] .doc-demo-working-message{display:flex}
.doc-demo[data-demo-stage="1"] .doc-demo-fillbar>.doc-demo-accent{background:#06b6d41a;box-shadow:0 0 0 4px #06b6d41a}
.doc-demo-caption{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#62626b;font-size:11px;line-height:1.6;padding:14px 2px 0}
.doc-demo-caption-dot{height:5px;width:5px;background:#697f84;border-radius:50%}
.doc-demo-caption-extra{margin-left:auto;color:#707078}
.doc-demo-detail{margin-top:28px;border-top:1px solid #dddde0;border-bottom:1px solid #dddde0}.doc-demo-detail summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:19px 2px;color:#252529;font-size:13px;font-weight:500;cursor:pointer;gap:20px}.doc-demo-detail summary::-webkit-details-marker{display:none}.doc-demo-detail summary:focus-visible{outline:2px solid #3898ec;outline-offset:5px}.doc-demo-detail-symbol{margin-right:8px;font-size:17px;color:#58717a}.doc-demo-detail-toggle{font-size:22px;font-weight:300;transition:transform .18s}.doc-demo-detail[open] .doc-demo-detail-toggle{transform:rotate(45deg)}.doc-demo-map-window{overflow:hidden;border-radius:7px;border:1px solid #35353a;background:var(--dd-panel)}.doc-demo-map-heading{display:flex;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid var(--dd-border);background:#161616}.doc-demo-map-heading strong{font-size:11px;letter-spacing:1.7px}.doc-demo-map-heading>span{font-size:10px;color:var(--dd-muted)}.doc-demo-map-heading .doc-demo-map-page{margin-left:auto;font-size:9px}.doc-demo-map-content{display:grid;grid-template-columns:minmax(0,1fr) 310px}.doc-demo-map-canvas{background:#252528;padding:30px;display:flex;justify-content:center;align-items:center}.doc-demo-map-paper{background:#fcfcfa;padding:32px;width:100%;max-width:480px;color:#263035;box-shadow:0 5px 20px #0003}.doc-demo-map-paper h4{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:25px;font-weight:500;line-height:1.16;letter-spacing:-.8px;margin:19px 0 24px;color:#202629}.doc-demo-map-field-label{display:block;font-size:8px;letter-spacing:.9px;color:#687176;margin:15px 0 5px}.doc-demo-map-selection{position:relative;padding:17px 13px 9px;border:2px solid var(--dd-teal);background:rgba(6,182,212,.17);font-size:12px;font-weight:500}.doc-demo-map-id{position:absolute;left:2px;top:1px;background:#ffffffc9;color:#d53c45;padding:0 3px;font-size:8px;font-family:monospace}.doc-demo-map-handle{position:absolute;right:-4px;bottom:-4px;width:7px;height:7px;background:var(--dd-teal)}.doc-demo-map-unselected{border-width:1px;background:rgba(6,182,212,.07)}.doc-demo-inspector{padding:26px 22px;border-left:1px solid var(--dd-border)}.doc-demo-inspector .doc-demo-label{font-size:8px;letter-spacing:1px;margin-bottom:7px}.doc-demo-inspector-input{padding:8px 10px;border:1px solid var(--dd-border);background:#1e1e22;color:#d2dae4;font-family:monospace;font-size:12px;margin-bottom:20px}.doc-demo-inspector-description{font-family:inherit;font-size:11px;line-height:1.7;min-height:80px}.doc-demo-inspector>p{font-family:monospace;font-size:11px;color:var(--dd-muted);margin:0 0 20px}.doc-demo-delete-field{display:inline-block;border:1px solid #fe566b80;color:#fe7384;padding:5px 8px;font-size:9px}.doc-demo-map-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px;border-top:1px solid var(--dd-border);background:#161616}.doc-demo-map-footer>span:first-child{margin-right:auto;font-size:10px;color:var(--dd-muted)}.doc-demo-save-action{padding:5px 8px;background:var(--dd-teal);color:#051b21;font-size:9px;font-weight:600;white-space:nowrap}.doc-demo-detail-note{font-size:11px;line-height:1.7;color:#6c6c75;margin:14px 2px 21px}

@media(min-width:1400px){.doc-demo-app{min-height:760px}.doc-demo-paper h3{font-size:38px}.doc-demo-paper{padding:36px 42px 24px}.doc-demo-paper-field>strong{font-size:13px}.doc-demo-assistant{height:410px}.doc-demo-message p{font-size:12px}.doc-demo-user-prompt p{font-size:11px}.doc-demo-messages{gap:14px}.doc-demo-version-page{width:106px;height:115px}}
@media(max-width:1190px){.doc-demo-sidebar-tools{display:none}.doc-demo-toolbar-icons{font-size:14px}.doc-demo-toolbar-chat{display:none}.doc-demo-paper{padding:29px 28px 20px}.doc-demo-paper h3{font-size:31px}.doc-demo-toolbar{gap:8px}.doc-demo-modes>span{padding-left:8px;padding-right:8px}.doc-demo-modes .doc-demo-mode-active{padding-left:17px;padding-right:17px}.doc-demo-fillbar{gap:8px;padding-left:10px;padding-right:10px;font-size:9px}.doc-demo-caption-extra{width:100%;margin-left:13px}}
@media(max-width:1000px){.doc-demo-app{grid-template-columns:minmax(0,1fr) 290px;min-height:690px}.doc-demo-left{display:none}.doc-demo-toolbar-icons{display:none}.doc-demo-toolbar-chat{display:block;margin-left:auto}.doc-demo-toolbar{padding:9px 12px;height:46px}.doc-demo-paper{padding:30px}.doc-demo-paper h3{font-size:32px}.doc-demo-assistant{height:389px}.doc-demo-map-content{grid-template-columns:minmax(0,1fr) 270px}.doc-demo-map-canvas{padding:22px}.doc-demo-map-paper{padding:25px}.doc-demo-map-footer{flex-wrap:wrap}.doc-demo-map-footer>span:first-child{width:100%}}
@media(max-width:760px){.doc-demo-app{grid-template-columns:minmax(0,1fr) 235px}.doc-demo-extra-tool{display:none}.doc-demo-document-heading{gap:5px;padding:0 9px}.doc-demo-document-heading>strong{font-size:10px}.doc-demo-outline-action{font-size:8px;padding:4px 5px}.doc-demo-paper{padding:28px 23px}.doc-demo-paper h3{font-size:28px}.doc-demo-paper-kicker{font-size:6px;letter-spacing:.6px}.doc-demo-paper-field>strong{font-size:11px}.doc-demo-library-tabs>span{font-size:8px;letter-spacing:.6px}.doc-demo-library-file{gap:7px;padding:10px}.doc-demo-library-file strong{font-size:10px}.doc-demo-mini-page{flex-basis:29px;width:29px;height:41px}.doc-demo-messages{padding:10px}.doc-demo-assistant{height:410px}.doc-demo-message p{font-size:10px}.doc-demo-user-prompt p{font-size:9px}.doc-demo-version-page{width:91px;height:101px}.doc-demo-fillbar{font-size:8px}.doc-demo-modes{font-size:11px}.doc-demo-tool-ai{font-size:10px}}
@media(max-width:680px){.doc-demo-window{border-radius:10px}.doc-demo-app{display:block;min-height:0}.doc-demo-toolbar{height:44px;gap:12px}.doc-demo-toolbar-chat{display:block}.doc-demo-modes{font-size:11px}.doc-demo-modes>span{padding:5px 12px}.doc-demo-tool-ai{font-size:11px}.doc-demo-document-heading{height:39px;padding-left:12px;padding-right:12px}.doc-demo-fillbar{min-height:39px;font-size:9px;padding-left:12px;padding-right:12px;justify-content:space-between}.doc-demo-canvas{padding:5px 5px 21px}.doc-demo-paper{min-height:526px;padding:28px 26px}.doc-demo-paper h3{font-size:29px;margin-top:25px}.doc-demo-paper-kicker{font-size:6px;letter-spacing:.7px}.doc-demo-paper-field>span,.doc-demo-paper-bottom>div>span{font-size:7px}.doc-demo-paper-field{margin-bottom:16px}.doc-demo-paper-field>strong{font-size:11px;min-height:36px}.doc-demo-paper-field-long>strong{min-height:55px}.doc-demo-paper-bottom{margin-bottom:24px}.doc-demo-paper-footer{font-size:5px}.doc-demo-right{border-top:1px solid var(--dd-border);border-left:0}.doc-demo-library{display:none}.doc-demo-assistant{height:348px;border-top:0}.doc-demo-messages{padding:13px 15px;gap:11px}.doc-demo-message p{font-size:11px}.doc-demo-user-prompt p{font-size:10px}.doc-demo-message-ai{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:12px;align-items:start}.doc-demo-message-ai>p{padding:10px;line-height:1.6}.doc-demo-version{margin-top:0;padding:5px}.doc-demo-version-page{width:91px;height:112px}.doc-demo-version>span{font-size:6px}.doc-demo-composer{padding-left:15px;padding-right:15px}.doc-demo-composer-tools{padding:0 15px}.doc-demo-caption{font-size:10px;gap:7px;padding-top:12px}.doc-demo-caption-extra{margin-left:12px}.doc-demo-detail{margin-top:20px}.doc-demo-detail summary{font-size:12px}.doc-demo-map-content{display:block}.doc-demo-map-heading{gap:12px;padding:14px}.doc-demo-map-heading strong{font-size:9px}.doc-demo-map-heading>span{font-size:8px}.doc-demo-map-heading .doc-demo-map-page{font-size:8px}.doc-demo-map-canvas{padding:24px}.doc-demo-map-paper{max-width:380px;padding:26px}.doc-demo-map-paper h4{font-size:25px}.doc-demo-inspector{border-top:1px solid var(--dd-border);border-left:0;padding:22px}.doc-demo-inspector-description{min-height:60px}.doc-demo-map-footer{padding:14px 22px}.doc-demo-detail-note{font-size:10px}}
@media(max-width:380px){.doc-demo-toolbar{gap:8px;padding-left:10px;padding-right:10px}.doc-demo-tool-ai{display:none}.doc-demo-fillbar{gap:8px;font-size:8px}.doc-demo-document-heading>strong{font-size:9px}.doc-demo-outline-action{font-size:7px}.doc-demo-paper{padding:25px 22px}.doc-demo-paper h3{font-size:27px}.doc-demo-assistant{height:364px}.doc-demo-message-ai{grid-template-columns:minmax(0,1fr) 90px;gap:8px}.doc-demo-version-page{width:78px}.doc-demo-message-ai>p{padding:8px}.doc-demo-message p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.doc-demo-filled-value,.doc-demo-paper-field>strong,.doc-demo-detail-toggle{transition:none}}