/* The document is the editor. Controls never replace the live canvas. */
#writer-dialog.canvas-writer{grid-column:1 / -1;background:#e9e7e5;color:#302b29}
body.inline-writing .tool-rail,body.inline-writing .thumbnail-pane{display:none}
body.inline-writing .header-actions{display:none}
#writer-dialog.canvas-writer .writer-app{font-family:Arial,sans-serif}
#writer-dialog.canvas-writer .writer-header{padding:9px 14px;gap:12px;flex-wrap:nowrap;min-height:48px;background:#fff;border-color:#ded9d6}
#writer-dialog.canvas-writer .writer-header h2{font-size:14px;font-weight:600;margin:0;white-space:nowrap;color:#a91414}
#writer-dialog.canvas-writer .writer-title-input{flex:1;min-width:100px;max-width:430px;border:1px solid transparent;border-radius:4px;background:transparent;font:14px Arial;color:#302b29;padding:7px 8px}
#writer-dialog.canvas-writer .writer-title-input:hover{border-color:#e4d9d3}
#writer-dialog.canvas-writer .writer-exports{flex-wrap:nowrap;margin-left:auto;gap:5px}
#writer-dialog.canvas-writer .writer-btn{color:#3a302c;border-color:transparent;background:transparent;font-size:12px;min-height:30px;padding:6px 8px;white-space:nowrap}
#writer-dialog.canvas-writer .writer-btn:hover{background:#f1eae6}
#writer-dialog.canvas-writer .writer-btn[aria-pressed=true]{background:#ffede6;color:#a91414;border-color:#ebc6b7}
#writer-dialog.canvas-writer .writer-btn[data-danger=true]{color:#a91414}
#writer-dialog.canvas-writer .writer-exports [data-wact=use-pdf]{background:#b62420;color:white;border-color:#b62420}
#writer-dialog.canvas-writer .writer-ribbon{padding:5px 14px;gap:4px;flex-wrap:nowrap;overflow-x:auto;background:#faf8f6;border-color:#e0d9d5;min-height:40px;flex-shrink:0}
.writer-toolbar-divider{height:20px;border-left:1px solid #ddd1ca;margin:0 7px}
#writer-dialog.canvas-writer .writer-context{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:6px 14px;background:#fff;border-bottom:1px solid #ddd7d2;min-height:47px;flex-shrink:0}
#writer-dialog.canvas-writer .writer-context-label{font-size:11px;font-weight:600;color:#8a6d62;padding-right:7px;white-space:nowrap}
#writer-dialog.canvas-writer .writer-context label{font-size:9px;color:#826f65;display:flex;flex-direction:column;margin:0;gap:2px;flex-shrink:0;line-height:1}
#writer-dialog.canvas-writer .writer-context select,#writer-dialog.canvas-writer .writer-context input{border:1px solid #e1d8d2;border-radius:4px;background:#fff;font:12px Arial;color:#342b27;height:27px;padding:3px 5px;max-width:118px;box-sizing:border-box}
#writer-dialog.canvas-writer .writer-context input[type=number]{width:52px}
#writer-dialog.canvas-writer .writer-context input[type=color]{width:30px;padding:2px}
#writer-dialog.canvas-writer .writer-context .writer-grid{display:flex;gap:5px}
#writer-dialog.canvas-writer .writer-context .writer-btn{align-self:center}
#writer-dialog.canvas-writer .writer-body{display:block;flex:1;min-height:0;overflow:hidden}
#writer-dialog.canvas-writer .writer-stage{display:block;position:relative;height:100%;min-height:0;box-sizing:border-box;overflow:auto;background:#eae7e4;padding:28px 28px 40px;outline:0}
#writer-dialog.canvas-writer #writer-sheet{position:relative;margin:auto;width:100%;max-width:816px;min-width:0!important;background:white;box-shadow:0 3px 18px #37231818;line-height:0;cursor:default}
#writer-dialog.canvas-writer #writer-sheet.writer-zoomed{max-width:none}
#writer-dialog.canvas-writer #writer-page-svg>svg{width:100%;height:auto;display:block;touch-action:pan-x pan-y pinch-zoom}
#writer-dialog.canvas-writer [data-kind=graphic],#writer-dialog.canvas-writer.writer-drawing #writer-page-svg>svg{touch-action:none}
#writer-dialog.canvas-writer #writer-inline-layer{position:absolute;inset:0;pointer-events:none;z-index:5}
#writer-dialog.canvas-writer .inline-page-text{box-shadow:none;outline:1px solid #c12620;background:transparent;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
#writer-dialog.canvas-writer .writer-inline-cell,#writer-dialog.canvas-writer .writer-inline-chart{overflow:hidden}
#writer-dialog.canvas-writer .writer-canvas-handle{position:absolute;z-index:9;pointer-events:auto;touch-action:none;border:0;padding:0;background:transparent;cursor:move;min-width:44px;min-height:44px;box-shadow:none}
#writer-dialog.canvas-writer .writer-object-surface{position:absolute;z-index:1;pointer-events:auto;touch-action:none;cursor:grab;background:transparent}
#writer-dialog.canvas-writer .inline-page-text[data-wdragblock]{z-index:2;touch-action:none}
#writer-dialog.canvas-writer .writer-object-surface:active{cursor:grabbing}
#writer-dialog.canvas-writer .writer-resize-handle{transform:translate(-50%,-50%);display:grid;place-items:center;cursor:nwse-resize}
#writer-dialog.canvas-writer .writer-resize-handle span{width:10px;height:10px;box-sizing:border-box;background:#c12620;border:1px solid #fff}
#writer-dialog.canvas-writer .writer-canvas-handle:focus-visible{outline:2px solid #c12620;outline-offset:2px}
#writer-dialog.canvas-writer .writer-drop-ready{outline:3px solid #c12620;outline-offset:4px}
#writer-dialog.canvas-writer.writer-drawing #writer-sheet{cursor:crosshair}
#writer-dialog.canvas-writer .writer-footer{padding:5px 12px;min-height:32px;flex-shrink:0;gap:10px;background:#fff;border-color:#ddd4ce;font-size:10px;color:#87766c}
#writer-dialog.canvas-writer .writer-page-tools{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;margin:0;max-width:none;font-size:10px}
#writer-dialog.canvas-writer .writer-page-tools label{display:flex;align-items:center;gap:3px;margin:0;white-space:nowrap}
#writer-dialog.canvas-writer .writer-page-tools .writer-btn{font-size:11px;padding:4px 5px;min-height:26px}
#writer-dialog.canvas-writer #writer-status{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
#writer-dialog.canvas-writer #writer-stats{white-space:nowrap}
#writer-dialog.canvas-writer .writer-focus-navigation{display:none}
#writer-dialog.canvas-writer.writer-focus .writer-focus-navigation{display:flex}
#writer-dialog.canvas-writer.writer-focus .writer-ribbon,#writer-dialog.canvas-writer.writer-focus .writer-context{display:none}
#writer-dialog.canvas-writer.writer-focus .writer-body{display:block!important;background:#eae7e4}
#writer-dialog.canvas-writer.writer-focus .writer-stage{display:block!important}
#writer-dialog.canvas-writer .writer-popover{position:absolute;z-index:20;top:12px;right:12px;width:280px;max-width:calc(100% - 48px);max-height:calc(100% - 52px);overflow:auto;box-sizing:border-box;border:1px solid #ddd0c6;border-radius:8px;padding:12px;background:#fff;box-shadow:0 8px 32px #39231720;line-height:1.4;color:#47392f;font-size:12px}
#writer-dialog.canvas-writer .writer-popover[hidden]{display:none}
#writer-dialog.canvas-writer .writer-popover>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:13px;color:#a91414}
#writer-dialog.canvas-writer .writer-popover label{display:block;margin:9px 0;font-size:11px;color:#796254}
#writer-dialog.canvas-writer .writer-popover input:not([type=checkbox]),#writer-dialog.canvas-writer .writer-popover select{display:block;box-sizing:border-box;width:100%;margin-top:4px;padding:6px;border:1px solid #ded0c6;border-radius:4px;font:13px Arial;color:#332820;background:#fff}
#writer-dialog.canvas-writer .writer-popover input[type=color]{height:30px;padding:2px}
#writer-dialog.canvas-writer .writer-popover input[type=range]{padding:0}
#writer-dialog.canvas-writer .writer-popover h4{font-size:11px;color:#80695b;margin:16px 0 7px}
#writer-dialog.canvas-writer .writer-popover .writer-note{margin:7px 0;line-height:1.5!important}
#writer-dialog.canvas-writer .writer-popover .writer-chart-slice{padding:7px 0}
#writer-dialog.canvas-writer .writer-gallery,#writer-dialog.canvas-writer .writer-shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#writer-dialog.canvas-writer .writer-gallery button,#writer-dialog.canvas-writer .writer-shape-grid button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:70px;border:1px solid #eee2da;border-radius:5px;padding:8px 3px;cursor:grab}
#writer-dialog.canvas-writer .writer-gallery svg,#writer-dialog.canvas-writer .writer-shape-grid svg{width:28px;height:28px;flex-shrink:0}
#writer-dialog.canvas-writer .writer-gallery span,#writer-dialog.canvas-writer .writer-shape-grid span{font-size:10px;text-transform:capitalize}
#writer-dialog.canvas-writer #writer-library{width:min(380px,calc(100% - 28px));max-height:calc(100% - 28px)}
#writer-dialog.canvas-writer .writer-gallery-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#writer-dialog.canvas-writer .writer-gallery-filters label{margin-top:0}
#writer-dialog.canvas-writer .writer-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-height:360px;max-height:min(360px,42vh);overflow:auto;overscroll-behavior:contain;padding:2px}
#writer-dialog.canvas-writer .writer-gallery button{min-height:92px;touch-action:pan-y}
#writer-dialog.canvas-writer .writer-gallery img{width:44px;height:44px;object-fit:contain;pointer-events:none}
#writer-dialog.canvas-writer .writer-gallery span{line-height:1.2;max-width:100%;overflow-wrap:anywhere;text-align:center}
#writer-dialog.canvas-writer .writer-gallery-empty{grid-column:1/-1;font-size:12px;color:#796254}
#writer-dialog.canvas-writer .writer-gallery-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#796254;margin-top:10px}
.writer-file-menu{position:relative;font-size:12px}
#writer-dialog.canvas-writer .writer-book{width:min(340px,calc(100% - 28px))}
#writer-dialog.canvas-writer .writer-reading-order{max-height:200px;overflow:auto;padding-left:24px;margin:8px 0}
#writer-dialog.canvas-writer .writer-reading-order button{width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#writer-dialog.canvas-writer .writer-reading-order [aria-current="true"]{background:#fde5df;color:#a92520}
.writer-file-menu>summary{cursor:pointer;list-style:none;padding:7px 8px;border-radius:4px;color:#62483b}
.writer-file-menu>summary:hover{background:#f4ece6}
.writer-file-menu>div{position:absolute;top:36px;left:0;z-index:50;min-width:190px;padding:6px;background:#fff;border:1px solid #ddd0c7;border-radius:6px;box-shadow:0 8px 24px #3d291520}
#writer-dialog.canvas-writer .writer-file-menu>div .writer-btn{display:block;text-align:left;width:100%}
@media(max-width:760px){
 #writer-dialog.canvas-writer .writer-header{padding:7px 8px;gap:5px;flex-wrap:wrap}
 #writer-dialog.canvas-writer .writer-header h2{font-size:12px}
 #writer-dialog.canvas-writer .writer-title-input{min-width:90px;font-size:13px}
 #writer-dialog.canvas-writer .writer-exports{width:auto;margin-left:auto}
 #writer-dialog.canvas-writer .writer-exports .writer-btn{font-size:11px}
 #writer-dialog.canvas-writer .writer-ribbon,#writer-dialog.canvas-writer .writer-context{padding-left:8px;padding-right:8px}
 #writer-dialog.canvas-writer .writer-stage{padding:20px 10px 30px;min-height:0;overflow:auto}
 #writer-dialog.canvas-writer .writer-footer{flex-wrap:wrap;padding:4px 8px;gap:4px}
 #writer-dialog.canvas-writer .writer-page-tools{width:100%;justify-content:center;gap:6px}
 #writer-dialog.canvas-writer #writer-status{display:none}
 #writer-dialog.canvas-writer .writer-popover{width:260px;right:8px;max-width:calc(100% - 16px);max-height:calc(100% - 28px)}
 #writer-dialog.canvas-writer .writer-context input,#writer-dialog.canvas-writer .writer-popover input,#writer-dialog.canvas-writer .writer-popover select{font-size:16px}
}

#writer-dialog.canvas-writer .writer-object-selected{touch-action:none}.writer-size-pane .writer-grid{gap:10px}

/* The same compact, resizable text row as the PDF workspace. */
#writer-dialog.canvas-writer .writer-context{position:relative;height:54px;min-height:44px;box-sizing:border-box;align-self:flex-start;width:100%;max-width:100%;overflow:auto;flex-shrink:0;touch-action:pan-x}
#writer-dialog.canvas-writer .writer-font-control{display:inline-flex;flex-direction:row;align-items:center;flex:none;gap:3px;margin-right:3px}
#writer-dialog.canvas-writer .writer-font-control .fd-font-trigger{width:172px;max-width:172px;min-width:115px;min-height:34px;padding:5px 8px}
#writer-dialog.canvas-writer .writer-font-control .fd-font-tools{margin-left:0;min-width:28px;min-height:32px}
#writer-dialog.canvas-writer .writer-text-context>label{flex-direction:row;align-items:center;font-size:11px;gap:4px}
#writer-dialog.canvas-writer .writer-text-context>.writer-btn[data-wact=mark],#writer-dialog.canvas-writer .writer-text-context>.writer-btn[data-wact=toggle-highlight],#writer-dialog.canvas-writer .writer-align-tools .writer-btn{width:32px;min-width:32px;height:32px;min-height:32px;padding:5px;font-size:16px}
#writer-dialog.canvas-writer .writer-text-context>[data-mark=bold]{font-weight:bold}#writer-dialog.canvas-writer .writer-text-context>[data-mark=italic]{font-style:italic}#writer-dialog.canvas-writer .writer-text-context>[data-mark=underline]{text-decoration:underline}
#writer-dialog.canvas-writer .writer-align-tools{display:inline-flex;gap:2px;flex:none}#writer-dialog.canvas-writer .writer-align-tools svg{width:21px;height:21px}#writer-dialog.canvas-writer .writer-context [aria-pressed=true]{background:#f8dfd6;color:#a91414;border-color:#e0b1a0}
#writer-dialog.canvas-writer .writer-context [hidden]{display:none!important}#writer-dialog.canvas-writer .viewer-toolbar-resize{position:sticky;right:0;align-self:flex-end;margin-left:auto}
@media(max-width:760px){#writer-dialog.canvas-writer .writer-font-control .fd-font-trigger{width:138px;max-width:138px;min-width:110px}#writer-dialog.canvas-writer .writer-context{height:56px}#writer-dialog.canvas-writer .writer-text-context>.writer-btn[data-wact=mark],#writer-dialog.canvas-writer .writer-align-tools .writer-btn{width:34px;min-width:34px;height:34px}}

/* A quiet page, with optional tools occupying their own space. */
#writer-dialog.canvas-writer .writer-header{padding:12px 20px;gap:12px;min-height:54px}
#writer-dialog.canvas-writer .writer-header h2{font-size:17px;font-weight:600;letter-spacing:-.3px}
#writer-dialog.canvas-writer .writer-title-input{font-size:15px;max-width:340px}
#writer-dialog.canvas-writer .writer-btn{font-size:13px;min-height:36px;padding:8px 10px;border-radius:7px}
#writer-dialog.canvas-writer .writer-ribbon{padding:8px 18px;gap:7px;min-height:48px;background:#fbfaf8}
#writer-dialog.canvas-writer .writer-context{height:60px;padding:9px 18px;gap:9px;min-height:48px}
#writer-dialog.canvas-writer .writer-font-control .fd-font-trigger{width:190px;max-width:220px;min-height:38px;font-size:15px}
#writer-dialog.canvas-writer .writer-context input,#writer-dialog.canvas-writer .writer-context select{height:34px;font-size:14px}
#writer-dialog.canvas-writer .writer-body{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}
#writer-dialog.canvas-writer.writer-has-inspector .writer-body{grid-template-columns:minmax(0,1fr) 320px}
#writer-dialog.canvas-writer .writer-stage{padding:42px clamp(18px,4vw,64px) 64px;background:#f0eeeb;scrollbar-gutter:stable}
#writer-dialog.canvas-writer #writer-sheet{max-width:860px;box-shadow:0 4px 28px #32251b12}
#writer-dialog.canvas-writer .writer-inspector{display:block;min-width:0;min-height:0;overflow:auto;background:#fff;border-left:1px solid #e2dcd5;padding:18px;box-sizing:border-box}
#writer-dialog.canvas-writer .writer-inspector[hidden]{display:none}
#writer-dialog.canvas-writer .writer-inspector>.writer-popover{position:static;width:100%!important;max-width:none;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none;font-size:14px;overflow:visible}
#writer-dialog.canvas-writer .writer-inspector label{font-size:13px;margin:14px 0}
#writer-dialog.canvas-writer .writer-inspector input:not([type=checkbox]),#writer-dialog.canvas-writer .writer-inspector select{font-size:15px;padding:9px;min-height:38px}
#writer-dialog.canvas-writer .writer-footer{font-size:12px;padding:9px 16px;min-height:40px}
#writer-dialog.canvas-writer .writer-history{display:flex;gap:2px}
#writer-dialog.canvas-writer .writer-history button{font-size:22px;padding:2px 8px}
#writer-dialog.canvas-writer .inline-page-text{outline:1px solid #bb392544;caret-color:#ac1919;overflow:visible}
#writer-dialog.canvas-writer .writer-pen-tools{display:none}
#writer-dialog.canvas-writer.writer-drawing .writer-pen-tools{display:flex;gap:8px;align-items:center}
#writer-dialog.canvas-writer .writer-pen-tools label{display:flex;align-items:center;gap:4px;font-size:12px}
@media(max-width:900px){#writer-dialog.canvas-writer .writer-header{flex-wrap:wrap;padding:10px 12px;gap:7px}#writer-dialog.canvas-writer .writer-exports{gap:2px}#writer-dialog.canvas-writer .writer-exports .writer-btn{font-size:12px;padding:6px}#writer-dialog.canvas-writer .writer-stage{padding:22px 12px 40px}#writer-dialog.canvas-writer .writer-ribbon{padding:6px 12px;gap:4px}#writer-dialog.canvas-writer .writer-context{padding:8px 12px}#writer-dialog.canvas-writer.writer-has-inspector .writer-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(140px,38%)}#writer-dialog.canvas-writer .writer-inspector{border-left:0;border-top:1px solid #e2dcd5;padding:16px 20px}#writer-dialog.canvas-writer .writer-font-control .fd-font-trigger{width:170px;min-height:38px}#writer-dialog.canvas-writer .writer-context input{font-size:16px}}