.work{display:flex;flex-direction:column;gap:10px;min-width:0;overflow:hidden}
.work>.page-organizer{flex:0 1 auto;max-height:36%;min-height:42px;margin:0;overflow:auto}
.pdf-view-controls{display:flex;align-items:center;gap:7px;flex:0 0 auto;background:#fff;border:1px solid #dce7e5;border-radius:10px;padding:7px 10px}
.pdf-view-controls .btn{min-width:38px;padding:8px 11px}
.pdf-view-controls .zoom-step{font-size:20px;line-height:20px}
.zoom-level{font-size:13px;font-weight:700;min-width:48px;text-align:center;color:#0b5459;font-variant-numeric:tabular-nums}
.pdf-view-controls .fit-page{margin-left:auto}
.pdf-view-controls .fit-page[aria-pressed="true"]{background:#126d73;color:white}
.work>.stage-wrap{flex:1 1 0;min-height:0;min-width:0;width:100%;padding:16px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:10px;background:#dfeae8}
.stage{margin:0 auto;flex-shrink:0}
@media(max-width:780px){.work{display:block;padding:12px;overflow:visible}.work>.page-organizer{max-height:280px;margin-bottom:10px}.pdf-view-controls{margin-bottom:10px}.work>.stage-wrap{height:calc(100dvh - var(--pdf-header-height,110px) - 85px);min-height:260px;overflow:auto;padding:12px;touch-action:pan-x pan-y}.stage{touch-action:pan-x pan-y}.stage .overlay{touch-action:pan-x pan-y}.stage .overlay.drawing{touch-action:none}}
/* Keep the canvas full-height; optional controls open over the workspace. */
.work{padding:12px;gap:8px}
.work>.page-organizer{position:absolute;z-index:15;right:12px;top:65px;bottom:12px;width:min(380px,calc(100% - 24px));max-height:none;min-height:0;overflow:auto;box-shadow:0 14px 40px #103b3b30;border-radius:12px}
.work>.page-organizer:not([open]){display:none}
.work>.page-organizer>summary{display:flex;align-items:center;gap:6px;padding:10px 12px;cursor:default;list-style:none;position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid #dce7e5}
.work>.page-organizer>summary::-webkit-details-marker{display:none}
.page-organizer .close-pages{margin-left:auto;padding:6px 10px;font-size:18px;line-height:20px}
.page-organizer .page-actions{padding:10px;gap:6px}
.page-organizer .page-actions .btn{padding:8px 9px;font-size:12px}
.page-organizer .page-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding:0 10px 10px;gap:8px;overflow:visible}
.page-organizer .page-preview{height:115px}
.page-organizer .page-count{margin:0;width:100%}
.page-organizer .page-hint{display:none}
.pdf-view-controls{gap:6px;padding:5px 7px;border-radius:9px;min-height:44px}
.pdf-view-controls .workspace-toggle{font-size:13px;padding:7px 10px;white-space:nowrap}
.pdf-view-controls .workspace-toggle[aria-pressed="true"],.pdf-view-controls .workspace-toggle[aria-expanded="true"]{background:#d5eae5;color:#0b5459}
.view-divider{width:1px;height:22px;background:#dce7e5;margin:0 3px}
.app.tools-hidden{grid-template-columns:minmax(0,1fr)}
.app.tools-hidden>.side{display:none}
.work>.stage-wrap{padding:10px;border-radius:9px}
@media(max-width:780px){.work{padding:8px;position:relative}.work>.page-organizer{top:59px;right:8px;bottom:auto;height:calc(100dvh - var(--pdf-header-height,110px) - 85px);max-height:none;min-height:260px;width:min(380px,calc(100% - 16px));margin:0}.pdf-view-controls{gap:4px;margin-bottom:8px;padding:5px}.pdf-view-controls .workspace-toggle{font-size:12px;padding:7px}.pdf-view-controls .btn{min-width:32px;padding:7px 8px}.zoom-level{min-width:37px;font-size:12px}.view-divider{margin:0 1px}.pdf-view-controls .fit-page{font-size:12px}.work>.stage-wrap{padding:8px}}

/* One header row: navigation, page tools, zoom, page switching, export. */
.workspace-header{flex-wrap:nowrap;justify-content:flex-start;gap:10px;padding:9px 12px;overflow-x:auto;scrollbar-width:thin}
.workspace-header .app-nav{width:auto;flex:0 0 auto;gap:9px}
.workspace-header .app-brand{font-size:18px;white-space:nowrap}
.workspace-header .app-back{white-space:nowrap;padding:8px 10px;min-height:34px}
.workspace-header .pdf-view-controls{flex:0 0 auto;min-height:34px;margin:0;padding:0;border:0;border-radius:0;background:transparent;gap:5px}
.workspace-header .pdf-view-controls .btn{min-width:32px;padding:7px 9px;font-size:12px;white-space:nowrap}
.workspace-header .pdf-view-controls .zoom-step{font-size:18px;line-height:20px}
.workspace-header .pdf-view-controls .fit-page{margin-left:0}
.workspace-header .zoom-level{min-width:40px;font-size:12px}
.workspace-header .pages{flex:0 0 auto;flex-wrap:nowrap;gap:5px;white-space:nowrap;font-size:12px;justify-content:flex-start}
.workspace-header .btn{padding:8px 10px;font-size:12px;white-space:nowrap}
.workspace-header .top-right{flex:0 0 auto;margin-left:auto;gap:6px}
.work>.page-organizer{top:12px}
@media(max-width:1280px){.workspace-header .signature-shortcut{display:none}}
@media(max-width:780px){.workspace-header{flex-wrap:nowrap;gap:7px;padding:8px}.workspace-header .app-nav{width:auto;gap:6px}.workspace-header .app-brand{font-size:15px}.workspace-header .app-back{font-size:11px;padding:7px}.workspace-header .top-right{margin-left:0}.work>.page-organizer{top:8px;height:calc(100dvh - var(--pdf-header-height,52px) - 24px)}.work>.stage-wrap{height:calc(100dvh - var(--pdf-header-height,52px) - 24px)}}

.workspace-header .app-brand{cursor:pointer}
.workspace-header #toggleTools{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;flex-shrink:0}
.sidebar-icon{display:block;pointer-events:none}
#toggleTools[aria-expanded="false"] .sidebar-icon-fill{display:none}

#togglePages{display:inline-flex;align-items:center;gap:6px}
#togglePages svg{flex-shrink:0;pointer-events:none}
.page-navigation{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:2px;border:1px solid #dce7e5;border-radius:9px;background:#f5faf9}
.workspace-header .page-navigation .btn{padding:5px 8px;min-width:28px;font-size:20px;line-height:22px;background:transparent}
#pageNumber{width:38px;min-width:0;height:30px;text-align:center;padding:3px;border:1px solid #d5e4e1;border-radius:6px;color:#0b5459;background:#fff;font:bold 13px Arial;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
#pageNumber::-webkit-inner-spin-button,#pageNumber::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#pageNumber:focus{outline:2px solid #126d73;outline-offset:1px}
.page-fraction{font-size:12px;color:#687675;white-space:nowrap;min-width:20px;font-variant-numeric:tabular-nums}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}