/* Document controls follow the requested top toolbar / right tools layout. */
.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.masthead{height:43px;padding:0 17px;gap:17px;background:#f8f8f7}
.brand{gap:7px}.brand-mark{width:25px;height:28px;border-radius:6px;font-size:19px}.brand strong{font-size:20px}.brand small{font-size:8px}
.document-heading{min-width:0;display:flex;align-items:center;gap:16px;flex:1}.document-heading strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-heading small{font-size:10px;color:var(--soft);white-space:nowrap}
.masthead .header-actions{gap:8px}.masthead .quiet{padding:7px 9px}.account{padding:4px 9px;font-size:10px}
.workspace{height:calc(100dvh - 80px);min-height:0}
.document-controls{height:58px;min-height:58px;display:flex;align-items:center;gap:0;padding:7px 12px;background:#fbfbfa;border-block:1px solid #ddd;overflow-x:auto;scrollbar-width:thin;flex:none}
.control-group{display:flex;align-items:center;gap:3px;padding:0 12px;border-right:1px solid #d9d9d7;flex:none;height:37px}
.control-group:first-child{padding-left:0}.control-group:last-child{border-right:0;padding-right:0}.control-group.history-controls{margin-left:auto}
.icon-button{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none;width:37px;height:37px;padding:6px;background:transparent;border:1px solid transparent;border-radius:4px;color:#737575}
.icon-button:hover{background:#eaeceb;color:#283943}.icon-button.active,.icon-button[aria-pressed=true]{color:#0877c8;background:#e8f3fb}.icon-button:disabled{opacity:.3}
.icon-button .icon{width:25px;height:25px}.document-controls input[type=number]{width:42px;height:31px;text-align:center;border-radius:0;border:0;border-bottom:1px solid #c7c9c7;background:transparent;padding:3px;font-size:14px;appearance:textfield}
.document-controls input::-webkit-inner-spin-button{appearance:none}.page-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#585b5b;margin:0 3px}
.zoom-control select{border:0;border-bottom:1px solid #bbb;border-radius:0;background:transparent;width:102px;padding:6px 3px;font-size:13px;cursor:pointer}
.editor-layout{grid-template-columns:42px minmax(0,1fr) 310px;position:relative}
.editor-layout.show-thumbnails{grid-template-columns:176px minmax(0,1fr) 310px}
.editor-layout.panel-closed{grid-template-columns:42px minmax(0,1fr)}
.editor-layout.panel-closed.show-thumbnails{grid-template-columns:176px minmax(0,1fr)}
.editor-layout.panel-closed .tool-panel{display:none}
.pages-panel{padding:0;display:flex;background:#f4f4f3;border-right:1px solid #d4d5d3;overflow:hidden;min-width:0}
.navigation-rail{display:flex;flex-direction:column;align-items:center;gap:9px;width:41px;padding-top:16px;flex:none;border-right:1px solid #e4e4e2}
.navigation-rail .icon-button{width:33px;height:35px}.navigation-rail .icon{width:21px;height:21px}
.page-list{flex:1;min-width:0;overflow:auto;padding:17px 9px}.page-list .panel-heading{font-size:9px;letter-spacing:.8px;margin-bottom:16px}.thumbnail{padding:6px}.thumbnail canvas{max-width:99px}
.reader{background:#dedfdd;min-height:0;overflow:hidden}.page-scroller{padding:22px 24px}.reader #pageSurface{box-shadow:0 2px 7px #0003;display:block;margin:0 auto}
#drawLayer.hand-tool{cursor:grab}#drawLayer.hand-tool.grabbing{cursor:grabbing}
.tool-panel{border-left:1px solid #d0d2cf;background:#fafafa;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.tool-panel-header{padding:17px 16px 11px;display:flex;gap:8px;align-items:center;flex:none}
.tool-panel-header input[type=search]{width:100%;border:1px solid #c9cbc8;border-radius:0;background:white;font-size:13px;height:39px;padding:10px 11px}
.tool-panel-header .icon-button{display:none;width:32px;height:32px}
.rail-tools{overflow:auto;flex:1;padding:3px 12px 18px;min-height:0;scrollbar-width:thin}
.rail-group{border-radius:3px;margin:2px 0}.rail-group.expanded{background:#f0f1f1}
.rail-group-button{width:100%;display:flex;align-items:center;gap:13px;background:transparent;text-align:left;color:#505354;min-height:52px;padding:11px 10px;border-radius:3px;font-size:14px;font-weight:450}
.rail-group-button:hover{background:#e9eaea}.rail-group-button .icon{width:25px;height:27px;color:var(--tool-color)}
.rail-group-button span{flex:1}.rail-group-button .chevron{font-size:14px;color:#8a8e8d;flex:none;transform:rotate(0)}.rail-group.expanded .chevron{transform:rotate(90deg)}
.rail-actions{display:grid;gap:3px;padding:0 8px 10px 42px}.rail-action{display:block;text-align:left;border:1px solid transparent;border-radius:3px;background:transparent;font-size:12px;line-height:1.4;color:#4d5559;padding:8px 9px;width:100%}
.rail-action:hover,.rail-action.active{background:#fff;border-color:#d3d8d8;color:#0877c8}.rail-action:disabled{opacity:.5}.rail-action small{display:block;font-size:10px;color:#7b8081;margin-top:3px}
.rail-search-title{font-size:11px;color:#777f82;padding:6px 10px 12px}.rail-search-result{padding:11px 10px;border-bottom:1px solid #e6e6e3;border-radius:0}.rail-empty{font-size:13px;color:#768084;line-height:1.7;padding:10px}
.tool-panel-footer{padding:11px 15px;border-top:1px solid #dfdfdc;flex:none;background:#f6f6f4;display:grid;gap:5px}.tool-panel-footer button{background:transparent;display:flex;align-items:center;gap:9px;text-align:left;color:#565e61;padding:6px 0;font-size:11px}.tool-panel-footer .icon{width:16px;height:16px}.tool-panel-footer small{font-size:10px;color:#7b827f;padding-left:25px}
.tool-panel .inspector{border-left:0;padding:0 17px 15px;flex:1;overflow:auto}.tool-panel .inspector>.panel-heading{display:none}.inspector-back{display:block;background:transparent;font-size:12px;color:#0877c8;padding:8px 0 15px;text-align:left}.tool-panel .inspector.mobile-open{position:static;box-shadow:none;width:auto;background:transparent}
.tool-panel .inspector details{padding:16px 0}.tool-panel .inspector summary{font-size:12px}.tool-panel .inspector label{font-size:12px}.tool-panel .search-box input{font-size:12px}
.statusbar{min-height:37px;height:37px;background:#f6f6f4;flex:none}.busy{inset:43px 0 37px}.statusbar .text-button{font-size:10px}
.welcome{min-height:calc(100dvh - 80px)}
@media(min-width:1700px){.editor-layout{grid-template-columns:42px minmax(0,1fr) 335px}.editor-layout.show-thumbnails{grid-template-columns:176px minmax(0,1fr) 335px}.editor-layout.panel-closed{grid-template-columns:42px minmax(0,1fr)}.editor-layout.panel-closed.show-thumbnails{grid-template-columns:176px minmax(0,1fr)}}
@media(max-width:1100px){.masthead{padding:0 12px}.document-heading small{display:none}.control-group{padding:0 7px}.document-controls{padding:7px 8px}.icon-button{width:34px}.editor-layout{grid-template-columns:40px minmax(0,1fr) 278px}.editor-layout.show-thumbnails{grid-template-columns:157px minmax(0,1fr) 278px}.page-list{padding:15px 6px}.thumbnail canvas{max-width:83px}.rail-group-button{font-size:13px;padding-inline:7px;gap:10px}.tool-panel-header{padding:15px 13px 10px}}
@media(max-width:800px){.masthead{height:43px;gap:12px}.masthead .brand strong{font-size:18px}.masthead .brand small{display:none}.document-heading strong{font-size:11px}.masthead .header-actions{gap:0}.masthead .header-actions .quiet{font-size:11px}.masthead .header-actions [data-action=tools]{display:none}.document-controls{height:54px;min-height:54px}.control-group{padding:0 7px}.document-controls .icon-button{width:34px;height:34px}.document-controls .icon{width:23px;height:23px}.workspace{height:calc(100dvh - 82px)}.editor-layout,.editor-layout.panel-closed{grid-template-columns:36px minmax(0,1fr)}.editor-layout.show-thumbnails,.editor-layout.panel-closed.show-thumbnails{grid-template-columns:143px minmax(0,1fr)}.navigation-rail{width:35px}.navigation-rail .icon-button{width:30px}.thumbnail canvas{max-width:78px}.tool-panel,.editor-layout.panel-closed .tool-panel{display:none}.editor-layout.panel-open .tool-panel{display:flex;position:absolute;right:0;top:0;bottom:0;width:min(310px,calc(100vw - 48px));z-index:9;box-shadow:-7px 0 25px #172a3b26}.tool-panel-header .icon-button{display:inline-flex}.tool-panel .inspector{display:block}.tool-panel-header{padding:13px 12px 9px}.tool-panel .inspector-back{display:block}.page-scroller{padding:18px 14px}.statusbar{height:39px;min-height:39px}.statusbar .text-button{font-size:9px}.statusbar>div{gap:2px}.busy{inset:43px 0 39px}.welcome{min-height:calc(100dvh - 82px)}}
@media(max-width:480px){.document-heading{display:none}.masthead .header-actions{margin-left:auto}.brand-context{display:none}.statusbar>span{max-width:45vw}.welcome{padding:40px 24px}.welcome h1{font-size:42px}.control-group.history-controls{margin-left:0}}