/* Touch workspace layouts. Desktop pointers above 780px never match these rules.
   Phones use a preview, a collapsible inspector and a bottom tool bar.
   Tablets and landscape phones use a narrow inspector beside the preview. */
@media(max-width:780px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 .topbar{height:64px;grid-template-columns:1fr auto}.privacy-strip,.brand small{display:none}
 #imageStudio,#pdfStudio,#pdfToImage,#scanner,#exportDialog,#editor:not(.hidden){inset:64px 0 0;height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);min-height:0;overflow:hidden}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner) :is(.workspace-header,.im-header,.scan-header){min-height:0;padding:8px 10px;gap:6px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner) :is(.workspace-header,.im-header,.scan-header) nav{flex-wrap:nowrap;overflow-x:auto;min-width:0;width:100%;padding-bottom:2px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner) :is(.workspace-header,.im-header,.scan-header) nav button{flex:none;white-space:nowrap;font-size:12px;min-height:36px;padding:7px 9px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner) :is(.im-status,.ps-status,.pi-status,.scan-status){min-height:0;padding:5px 10px;font-size:11px;flex:none}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner) :is(.im-status,.ps-status,.pi-status,.scan-status)>small{display:none}
 #imageStudio:not(.export-view) .im-body,.quick-focused #imageStudio:not(.export-view) .im-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(160px,1.2fr) minmax(100px,.8fr);overflow:hidden;flex:1;min-height:0}
 #imageStudio:not(.export-view) .im-rail{grid-column:1;grid-row:1;position:static;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:4px;gap:3px}
 #imageStudio .im-rail button{min-height:44px;padding:4px 2px;flex:1;min-width:54px}
 #imageStudio:not(.export-view) .im-main,.quick-focused #imageStudio:not(.export-view) .im-main{grid-column:1;grid-row:2;order:0;min-height:0;max-height:none;overflow:hidden}
 #imageStudio:not(.export-view) .im-controls,.quick-focused #imageStudio:not(.export-view) .im-controls{grid-column:1;grid-row:3;order:0;min-height:0;overflow:auto;padding:12px;border-top:1px solid var(--line);border-bottom:0;overscroll-behavior-y:contain}
 #imageStudio .im-viewbar{padding:4px;gap:4px;flex-wrap:wrap}
 #imageStudio .im-viewbar button{padding:5px 7px;min-height:32px}
 #imageStudio .im-footer{display:none}
 #imageStudio .im-viewport{padding:8px;min-height:0}
 #imageStudio.export-view .im-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(150px,1fr) minmax(100px,1fr);overflow:hidden;flex:1}
 #imageStudio.export-view .im-main{grid-column:1;grid-row:1;min-height:0;max-height:none;padding:8px;overflow:hidden}
 #imageStudio.export-view .im-controls{grid-column:1;grid-row:2;min-height:0;overflow:auto;padding:12px}
 #imageStudio .comparison-heading{padding:8px;min-height:0}
 #imageStudio .comparison-heading span{font-size:11px}
 #imageStudio .workspace-preview-scroll{padding:8px}

 #pdfStudio .ps-body,#pdfStudio.ps-export-view .ps-body,.quick-focused #pdfStudio .ps-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(140px,1fr) minmax(100px,1fr);flex:1;min-height:0;overflow:hidden}
 #pdfStudio .ps-rail{grid-column:1;grid-row:1;flex-direction:row;overflow-x:auto;min-width:0;padding:4px;gap:3px;border-right:0;border-bottom:1px solid var(--line)}
 #pdfStudio .ps-rail button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:55px;min-height:44px;padding:4px 2px;flex:1}
 #pdfStudio .ps-main{grid-column:1;grid-row:2;height:auto;min-height:0;padding:8px;overflow:auto}
 #pdfStudio .ps-controls{grid-column:1;grid-row:3;min-height:0;overflow:auto;padding:12px;overscroll-behavior-y:contain}
 #pdfStudio.ps-export-view .ps-body{grid-template-rows:minmax(140px,1.5fr) minmax(100px,.5fr)}
 #pdfStudio.ps-export-view .ps-main{grid-row:1}#pdfStudio.ps-export-view .ps-controls{grid-row:2}
 #pdfStudio .ps-main:has(#psFilesPanel:not([hidden])){min-height:0}
 #pdfStudio #psFilesPanel{order:4;max-height:70px;overflow:auto;flex:none;margin:6px 0 0}
 #pdfStudio #psFileCards{max-height:none;padding:6px}
 #pdfStudio #psFilesPanel>header{padding:6px}
 #pdfStudio .ps-canvas-scroll{padding:8px;min-height:100px}
 #pdfStudio #psFinalScroll{min-height:100px}
 #pdfStudio .workspace-page-nav{padding-bottom:6px;margin-bottom:6px;flex-wrap:nowrap}
 #pdfStudio .workspace-page-nav span{min-width:0;flex:1;text-align:center;font-size:11px}
 #pdfStudio .ps-preview-file-row{margin-bottom:6px;gap:4px}
 #pdfStudio .ps-preview-file-row .ps-output-label{display:flex;align-items:center;gap:6px;font-size:11px;flex-basis:auto}
 #pdfStudio #psOutputFiles{min-width:0;flex:1;min-height:34px;padding:5px}
 #pdfStudio #psDownloadOne{min-height:34px;padding:5px 8px}
 #pdfStudio .workspace-page-nav button{min-height:34px;padding:5px 8px}
 #pdfStudio .ps-preview-note{margin:4px 0 0;font-size:11px}
 #pdfStudio #psPageList{max-height:190px;min-height:0}

 #pdfToImage .pi-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(150px,1fr) minmax(100px,1fr);flex:1;min-height:0;overflow:hidden}
 #pdfToImage .pi-body:has(#piResults:not([hidden])){grid-template-rows:minmax(150px,1.5fr) minmax(100px,.5fr)}
 #pdfToImage .pi-main,#pdfToImage .pi-main:has(#piResults:not([hidden])){grid-row:1;height:auto;min-height:0;padding:8px;overflow:auto}
 #pdfToImage .pi-controls{grid-row:2;min-height:0;overflow:auto;padding:12px;overscroll-behavior-y:contain}
 #pdfToImage #piPreviewScroll{min-height:100px;padding:8px}
 #pdfToImage #piResults{order:4;max-height:70px;overflow:auto;margin:6px 0 0;flex:none}
 #pdfToImage #piResults>header{display:none}
 #pdfToImage #piCards{max-height:none}
 #pdfToImage .pi-preview-heading{margin-bottom:6px;gap:4px;flex-wrap:nowrap}
 #pdfToImage .pi-preview-heading>strong{font-size:14px}
 #pdfToImage #piPreviewActions{min-width:0;flex-wrap:nowrap;overflow-x:auto}
 #pdfToImage #piPreviewActions button{flex:none;white-space:nowrap;min-height:32px;padding:5px;font-size:11px}
 #pdfToImage .workspace-page-nav{padding-bottom:5px;margin-bottom:5px;gap:4px}
 #pdfToImage .workspace-page-nav button{min-height:32px;padding:4px 7px;font-size:11px}
 #pdfToImage #piPreviewMessage{margin-top:4px;font-size:11px}
 #pdfToImage #piPageGrid{max-height:180px}

 #scanner .scan-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(150px,1.5fr) minmax(100px,.5fr);min-height:0;overflow:hidden;flex:1}
 #scanner .scan-main{grid-row:2;grid-column:1;min-height:0;overflow:auto;padding:8px}
 #scanner .scan-pages-panel{grid-row:1;grid-column:1;max-height:80px;min-height:0;overflow:auto;padding:6px;border-bottom:1px solid var(--line)}
 #scanner .scan-pages-panel>small{display:none}
 #scanner .workspace-page-nav{padding-bottom:5px;margin-bottom:5px;gap:4px}
 #scanner .workspace-page-nav button{min-height:32px;padding:5px;font-size:11px}
 #scanner .scan-canvas-tools{gap:4px;margin-bottom:5px;font-size:11px}
 #scanner #scanCropNote{font-size:11px}
 #scanner .comparison-heading span{display:none}
 #scanner #scanControls{grid-row:3;grid-column:1;min-height:0;overflow:auto;padding:12px;display:flex;overscroll-behavior-y:contain}
 #scanner .scan-comparison{grid-template-columns:1fr;gap:8px}
 #scanner .comparison-heading{padding:6px;min-height:0}
 #scanner .comparison-heading b{font-size:15px}
 #scanner .comparison-heading span{font-size:11px}
 #scanner .scan-image-scroll{min-height:120px;max-height:none;padding:8px;overflow:auto}
 #scanner #scanExport{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(150px,1fr) minmax(100px,1fr);min-height:0;overflow:hidden;flex:1}
 #scanner .scan-pdf-view{grid-row:1;grid-column:1;height:auto;min-height:0;padding:8px}
 #scanner .scan-export-controls{grid-row:2;grid-column:1;min-height:0;overflow:auto;padding:12px}
 #scanner #scanPdfScroll{padding:8px}
 #scanner.camera-open .scan-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
 #scanner.camera-open .scan-main{grid-column:1;grid-row:1;min-height:0;overflow:hidden}
 #scanner.camera-open .scan-pages-panel{grid-column:1;grid-row:2}
 #scanner #scanCameraPane{padding:8px}
 #scanner #scanCameraPane>div{gap:4px}
 #scanner #scanCameraMessage{font-size:11px;margin:6px 0;max-height:70px}

 #editor,#editor.mobile-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(140px,1fr) minmax(100px,1fr)}
 #editor>.workspace-header{grid-column:1;grid-row:1;min-height:0;padding:8px 10px;gap:6px}
 #editor>.editor-rail{grid-column:1;grid-row:2;padding:0;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line)}
 #editor .editor-rail nav{display:flex;margin:0}
 #editor .editor-tool{flex:1;min-width:52px;min-height:44px;border-left:0;border-bottom:3px solid transparent;padding:3px}
 #editor .editor-tool.active{border-bottom-color:var(--signal)}
 #editor .editor-rail>.privacy-button{display:none}
 #editor>.document-stage,#editor.mobile-stage>.document-stage{display:grid;grid-column:1;grid-row:3;grid-template-rows:minmax(0,1fr) 24px;min-height:0}
 #editor>.side-panel,#editor.mobile-stage>.side-panel{display:block;grid-column:1;grid-row:4;min-height:0;overflow:auto;border-right:0;border-top:1px solid var(--line)}
 #editor .side-panel>header{height:36px;padding:6px 12px}
 #editor .view-page-button{display:none}
 #editor .panel-view{padding:12px}
 #editor .stage-scroller{padding:8px;min-height:0}

 #exportDialog[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(150px,1fr) minmax(100px,1fr)}
 #exportDialog .document-export-header{grid-column:1;grid-row:1;min-height:0;padding:8px}
 #exportDialog .document-export-preview{grid-column:1;grid-row:2;height:auto;min-height:0;padding:8px}
 #exportDialog .document-export-controls{grid-column:1;grid-row:3;min-height:0;overflow:auto;padding:12px}
 :is(#editor,#imageStudio,#pdfStudio,#pdfToImage,#scanner,#exportDialog) :is(input:not([type=range]),select,textarea){font-size:16px}
 :is(#editor,#imageStudio,#pdfStudio,#pdfToImage,#scanner,#exportDialog) :is(button,summary){touch-action:manipulation}
 .quick-focused #imageStudio,.quick-focused #pdfStudio{inset:105px 0 0;height:calc(100dvh - 105px);max-height:calc(100dvh - 105px)}
}
@media(max-width:780px) and (max-height:500px),(max-width:1024px) and (max-height:500px) and (hover:none) and (pointer:coarse){
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog) button.workspace-home{min-height:32px;height:32px;padding:4px 8px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog) button.workspace-home svg{height:22px;width:22px}
 #imageStudio .im-rail button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px}
 #imageStudio .im-rail b{font-size:16px}
 #pdfStudio .ps-rail button{min-height:32px;font-size:11px}
 #pdfStudio .ps-rail b{font-size:16px}
 #pdfStudio .ps-preview-note{display:none}
 #pdfStudio .workspace-page-nav button{min-height:28px;padding:3px 6px}
 #pdfStudio .ps-canvas-scroll{padding:4px}
 #pdfStudio .ps-preview-pages figcaption{padding-bottom:4px;font-size:11px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner) :is(.im-header,.workspace-header,.scan-header){flex-wrap:nowrap}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner) .workspace-heading small,#imageStudio .im-header small{display:none}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner) :is(.im-header,.workspace-header,.scan-header) nav{width:auto;flex-wrap:nowrap}
 #imageStudio:not(.export-view) .im-body,.quick-focused #imageStudio:not(.export-view) .im-body{grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 #imageStudio:not(.export-view) .im-rail{grid-column:1/-1;grid-row:1}
 #imageStudio:not(.export-view) .im-controls,.quick-focused #imageStudio:not(.export-view) .im-controls{grid-column:1;grid-row:2}
 #imageStudio:not(.export-view) .im-main,.quick-focused #imageStudio:not(.export-view) .im-main{grid-column:2;grid-row:2}
 #imageStudio.export-view .im-body,#pdfToImage .pi-body,#scanner #scanExport{grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
 #pdfToImage .pi-body:has(#piResults:not([hidden])){grid-template-rows:minmax(0,1fr)}
 #pdfToImage #piResults{max-height:48px}
 #pdfToImage #piPreviewScroll{min-height:120px}
 #pdfToImage #piPreviewMessage{display:none}
 #imageStudio.export-view .im-controls,#pdfToImage .pi-controls,#scanner .scan-export-controls{grid-column:1;grid-row:1}
 #imageStudio.export-view .im-main,#pdfToImage .pi-main,#scanner .scan-pdf-view{grid-column:2;grid-row:1}
 #pdfStudio .ps-body,.quick-focused #pdfStudio .ps-body{grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 #pdfStudio .ps-rail{grid-column:1/-1;grid-row:1}
 #pdfStudio .ps-controls{grid-column:1;grid-row:2}#pdfStudio .ps-main{grid-column:2;grid-row:2}
 #pdfStudio.ps-export-view .ps-body{grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
 #pdfStudio.ps-export-view .ps-controls{grid-column:1;grid-row:1}#pdfStudio.ps-export-view .ps-main{grid-column:2;grid-row:1}
 #scanner .scan-body{grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 #scanner #scanCropNote{display:none}
 #scanner .comparison-heading{padding:4px}
 #scanner .scan-pages-panel{grid-column:1;grid-row:1;max-height:75px}
 #scanner #scanControls{grid-column:1;grid-row:2}#scanner .scan-main{grid-column:2;grid-row:1/-1}
 #scanner.camera-open .scan-body{grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
 #scanner.camera-open .scan-pages-panel{grid-column:1;grid-row:1;max-height:none}
 #scanner.camera-open .scan-main{grid-column:2;grid-row:1}
 #editor,#editor.mobile-stage{grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}
 #editor>.workspace-header{grid-column:1/-1;flex-wrap:nowrap}#editor .workspace-identity{width:auto}
 #editor>.workspace-header .top-actions{width:auto;flex-wrap:nowrap}
 #editor>.editor-rail{grid-column:1/-1;grid-row:2}
 #editor>.side-panel,#editor.mobile-stage>.side-panel{grid-column:1;grid-row:3}
 #editor>.document-stage,#editor.mobile-stage>.document-stage{grid-column:2;grid-row:3}
 #exportDialog[open]{grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 #exportDialog .document-export-header{grid-column:1/-1}#exportDialog .document-export-controls{grid-column:1;grid-row:2}#exportDialog .document-export-preview{grid-column:2;grid-row:2}
}
@media(min-width:600px) and (max-width:780px) and (max-height:500px),(min-width:600px) and (max-width:1024px) and (max-height:500px) and (hover:none) and (pointer:coarse){
.quick-focused #imageStudio,.quick-focused #pdfStudio{inset:64px 0 0;height:calc(100dvh - 64px);max-height:calc(100dvh - 64px)}
}

@media(max-width:780px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 body.mw-editing>.topbar,body.mw-editing .topbar{display:none}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog){--mw-panel:clamp(200px,32dvh,300px);--mw-rail:60px;--mw-gap:12px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog).mw-collapsed{--mw-panel:48px}
 #imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor:not(.hidden),#exportDialog,.quick-focused #imageStudio,.quick-focused #pdfStudio{inset:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor)>:is(.im-header,.workspace-header,.scan-header){position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;height:60px;min-height:60px;padding:8px 12px;z-index:10;background:var(--ink)}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor)>header>div:first-child{display:flex;flex:1;min-width:0;gap:10px;width:auto}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor)>header :is(.workspace-heading,div:has(>#imFilename)){min-width:0}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor)>header strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 :is(#imFilename,#psStep,#piFilename,#scanWorkspaceStep,#editorFileName){display:none!important}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor)>header :is(nav,.top-actions){width:auto;display:flex;flex:none;gap:4px;overflow:visible;flex-wrap:nowrap;padding:0;margin:0}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor)>header button{min-height:44px;padding:8px 10px;font-size:12px;white-space:nowrap}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor) button.workspace-home{flex:0 0 40px;height:44px;width:40px;min-width:40px;padding:6px;border:0;background:transparent;color:var(--paper)}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor) .workspace-home span{display:none}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor) .workspace-home svg{width:27px;height:27px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor) .workspace-home .bird-body{fill:var(--acid)}
 #editor>.workspace-header>.workspace-identity{max-width:none;flex:1;min-width:0;width:auto}
 #editor>.workspace-header .workspace-heading{display:block;min-width:0}#editor>.workspace-header .workspace-heading strong{display:block;max-width:none}
 #editor>.workspace-header .top-actions{width:auto;min-width:0;justify-content:flex-end}
 #editor>.workspace-header .mw-more{flex:0 0 40px}
 :is(#imUndo,#psUndo,#piUndo,#scanUndo,#topUndoButton),#scanner .scan-header nav #scanUndo{font-size:0!important;width:40px;padding:0!important;border-color:transparent!important;background:transparent!important}
 :is(#imUndo,#psUndo,#piUndo,#scanUndo,#topUndoButton)::before{content:'↶';font-size:23px}
 #topUndoButton span{display:none}
 .mw-more{position:relative;flex:none;align-self:center;margin:0;padding:0;border:0}
 .mw-more>summary{display:grid;place-items:center;list-style:none;width:40px;height:44px;border-radius:9px;cursor:pointer;font-size:16px;letter-spacing:1px}
 .mw-more>summary::-webkit-details-marker{display:none}.mw-more[open]>summary{background:var(--ink2)}
 .mw-more-items{position:absolute;top:50px;right:0;display:flex;flex-direction:column;gap:5px;min-width:220px;max-width:calc(100vw - 24px);max-height:70dvh;overflow:auto;padding:10px;background:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #0005;z-index:30}
 .mw-more:not([open]) .mw-more-items{display:none}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor) .mw-more-items button{width:100%;min-height:44px;text-align:left;font-size:14px}
 :is(.im-status,.ps-status,.pi-status,.scan-status){min-height:0!important;height:0;padding:0!important;border:0!important;overflow:hidden}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner)[aria-busy=true] :is(.im-status,.ps-status,.pi-status,.scan-status),:is(.im-status,.ps-status,.pi-status,.scan-status):has([class$='-error']){height:auto;min-height:32px!important;padding:6px 12px!important;font-size:11px}
 #imageStudio:not(.export-view) .im-body,.quick-focused #imageStudio:not(.export-view) .im-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--mw-panel) var(--mw-rail);align-content:stretch}
 #imageStudio:not(.export-view) .im-main,.quick-focused #imageStudio:not(.export-view) .im-main{grid-column:1;grid-row:1;min-height:0;padding:0}
 #imageStudio:not(.export-view) .im-controls,.quick-focused #imageStudio:not(.export-view) .im-controls{grid-column:1;grid-row:2}
 #imageStudio:not(.export-view) .im-rail{grid-column:1;grid-row:3;position:static;flex-direction:row;padding:4px 8px;gap:4px;border:0;border-top:1px solid var(--line);background:var(--ink)}
 #imageStudio .im-rail button{min-width:54px;min-height:48px;display:flex;flex-direction:column;gap:2px;font-size:10px;border-radius:10px;padding:4px!important}
 #imageStudio .im-rail b{font-size:20px}
 #imageStudio .im-rail button[aria-pressed=true]{background:var(--ink2);color:var(--acid);border-color:transparent}
 #imageStudio .im-viewbar{border:0;padding:6px 12px;min-height:44px}
 #imageStudio .im-viewbar button{min-height:36px;border-color:transparent;background:transparent;font-size:12px}
 #imageStudio .im-viewport{background-image:none;padding:12px}
 #imageStudio .im-controls,#pdfStudio .ps-controls,#pdfToImage .pi-controls,#scanner #scanControls,#scanner .scan-export-controls,#editor>.side-panel,#exportDialog .document-export-controls{padding:0 16px 16px;border:0;border-top:1px solid var(--line);background:var(--ink);min-height:0;overflow:auto;scroll-padding-top:54px;overscroll-behavior:contain}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog) .mw-sheet-toggle{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;width:calc(100% + 32px);margin:0 -16px 12px;padding:0 16px;min-height:48px;height:48px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--ink);color:var(--paper);font:600 14px/1.2 var(--workspace-font,system-ui);text-align:left}
 .mw-sheet-toggle small{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap}
 .mw-sheet-toggle b{font-size:18px}.mw-sheet-toggle>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog).mw-collapsed :is(.im-controls,.ps-controls,.pi-controls,#scanControls,.scan-export-controls,.side-panel,.extraction-controls,.flow-export-panel,.document-export-controls){overflow:hidden;padding-bottom:0}
 .mw-collapsed .mw-sheet-toggle{margin-bottom:0}
 .mw-collapsed :is(.im-controls,.ps-controls,.pi-controls,#scanControls,.scan-export-controls,.side-panel,.extraction-controls,.flow-export-panel,.document-export-controls)>:not(.mw-sheet-toggle){visibility:hidden}
 #imageStudio .im-controls :is(.im-eyebrow,h2),#pdfStudio .ps-controls>:is(.workspace-kicker,h2),#pdfToImage .pi-controls>:is(.workspace-kicker,h2),#scanner #scanControls>h2,#scanner .scan-export-controls>:is(.workspace-kicker,h2),#editor .side-panel>header,#exportDialog .document-export-controls>:is(.workspace-kicker,h2){display:none}
 #imageStudio .im-controls section{gap:12px;max-width:none}#imageStudio .im-controls section>p{display:none}
 #imageStudio .im-controls textarea{min-height:70px;height:70px}
 #imageStudio .im-controls h3{font-size:13px;margin:4px 0}
 :is(#imageStudio,#pdfStudio) .mw-options{border-top:1px solid var(--line);padding:0;margin:0}
 :is(#imageStudio,#pdfStudio) .mw-options>summary{min-height:44px;padding:12px 0;font-size:13px;font-weight:600;cursor:pointer}
 #pdfStudio .mw-options:has(>#psFilesPanel[hidden]){display:none}
 #pdfStudio .mw-options #psFilesPanel{max-height:none;margin:0;padding:0;overflow:visible}
 #imageStudio .mw-options[open]{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}
 #imageStudio .mw-options>hr{display:none}
 #pdfStudio .ps-controls section>:is(.workspace-kicker,h2){display:none}
 #pdfStudio .ps-controls section>p:not([role=status]){display:none}
 #imLayersSection:has(#imLayers:empty){display:none}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog) :is(input:not([type=checkbox]):not([type=range]),select,textarea){min-height:44px;font-size:16px;border-radius:9px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog) input[type=range]{min-height:36px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog) button{touch-action:manipulation}
 :is(.im-controls,.ps-controls,.pi-controls,#scanControls,.scan-export-controls,.panel-view,.document-export-controls) button{min-height:44px!important;border-radius:9px}
 #imageStudio.export-view .im-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--mw-panel)}
 #imageStudio.export-view .im-main{grid-column:1;grid-row:1;padding:12px}#imageStudio.export-view .im-controls{grid-column:1;grid-row:2}
 #imageStudio .comparison-heading{padding:8px}.comparison-heading span{font-size:11px}
 #pdfStudio .ps-body,.quick-focused #pdfStudio .ps-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--mw-panel) var(--mw-rail)}
 #pdfStudio .ps-main{grid-column:1;grid-row:1;padding:12px}
 #pdfStudio .ps-controls{grid-column:1;grid-row:2}
 #pdfStudio .ps-rail{grid-column:1;grid-row:3;flex-direction:row;gap:6px;padding:5px 12px;border:0;border-top:1px solid var(--line)}
 #pdfStudio .ps-rail button{min-height:48px;border-radius:10px;padding:8px;gap:8px}
 #pdfStudio.ps-export-view .ps-body{grid-template-rows:minmax(0,1fr) var(--mw-panel)}
 #pdfStudio.ps-export-view .ps-main{grid-row:1;grid-column:1;display:flex}#pdfStudio.ps-export-view .ps-controls{grid-row:2;grid-column:1}
 #pdfStudio.ps-export-view:has(#psFilesPanel:not([hidden])) #psFinalPreview{display:flex}
 #pdfStudio #psFilesPanel{max-height:90px;order:4;flex:none}
 :is(#pdfStudio,#pdfToImage,#scanner) .workspace-page-nav{height:44px;min-height:44px;margin:0;padding:0 0 6px;border:0;gap:6px}
 :is(#pdfStudio,#pdfToImage,#scanner) .workspace-page-nav button{min-height:40px;padding:6px 10px;font-size:12px;border-color:transparent;background:transparent}
 :is(#pdfStudio,#pdfToImage,#scanner) .workspace-page-nav strong{font-size:12px}
 #pdfStudio :is(.ps-preview-note,#psPreviewNote){display:none}
 #pdfToImage .pi-body,#pdfToImage .pi-body:has(#piResults:not([hidden])),#scanner #scanExport{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--mw-panel)}
 #pdfToImage .pi-main,#scanner .scan-pdf-view{grid-column:1;grid-row:1;padding:12px;min-height:0;overflow:hidden}
 #pdfToImage .pi-controls,#scanner .scan-export-controls{grid-column:1;grid-row:2}
 #pdfToImage .pi-preview-heading>strong,#piPreviewMessage{display:none}
 #pdfToImage .pi-preview-heading{margin:0}#pdfToImage #piPreviewScroll{min-height:80px;padding:8px;display:flex;align-items:center;justify-content:center}
 #pdfToImage #piPreviewImage{width:100%;height:100%;max-height:100%;object-fit:contain}
 #pdfToImage #piPageGrid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}
 #pdfToImage .pi-controls>p,#pdfToImage .pi-controls>small{display:none}
 #scanner .scan-body{grid-template-columns:minmax(0,1fr);grid-template-rows:54px minmax(0,1fr) var(--mw-panel)}
 #scanner .scan-pages-panel{grid-column:1;grid-row:1;max-height:none;padding:5px 12px;overflow:visible;display:flex;flex-direction:row;gap:8px;align-items:center;z-index:8}
 #scanner .scan-import{display:flex;gap:6px;flex:none}#scanner .scan-import button{min-height:42px;padding:8px;font-size:12px}
 #scanner #scanPages{display:flex;flex-direction:row;overflow:auto;gap:6px;max-height:44px;flex:1;margin:0}
 #scanner #scanPageCount{display:none}#scanner #scanPages>div{min-width:60px}
 #scanner .mw-pages{margin-left:auto;padding:0}
 #scanner .mw-pages>summary{display:flex;align-items:center;min-height:44px;padding:8px;font-size:12px;margin:0}
 #scanner .mw-pages #scanPages{position:absolute;top:54px;left:12px;right:12px;max-height:45dvh;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:10px;background:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #0005;overflow:auto}
 #scanner .mw-pages:not([open]) #scanPages{display:none}
 #scanner .mw-pages .scan-thumb{width:auto;min-width:0}#scanner .mw-pages .scan-thumb img{height:60px}
 #scanner .mw-pages .scan-thumb>div button{min-height:40px;padding:6px}
 #scanner .scan-main{grid-column:1;grid-row:2;padding:8px 12px;min-height:0;overflow:hidden}
 #scanner #scanControls{grid-column:1;grid-row:3;display:flex}
 #scanner .scan-comparison{height:100%;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}
 #scanner .scan-processed{display:none}#scanner #scanWork{height:100%;min-height:0;display:flex;flex-direction:column}
 #scanner.mw-show-result .scan-original{display:none}#scanner.mw-show-result .scan-processed{display:flex;flex-direction:column;min-height:0}
 #scanner .mw-scan-view{min-height:40px;font-size:12px;padding:6px 10px}#scanner #scanResult{max-width:100%;max-height:100%;object-fit:contain}
 #scanner .scan-original{min-height:0;display:flex;flex-direction:column}
 #scanner .scan-image-scroll{min-height:0;flex:1;padding:8px}
 #scanner #scanSourceFrame{max-width:var(--mw-source-width,100%);margin:auto}
 #scanner .scan-canvas-tools{margin:0;min-height:36px}#scanner #scanCropNote{display:none}
 #scanner .comparison-heading{display:none}
 #scanner.camera-open .scan-body{grid-template-columns:1fr;grid-template-rows:54px minmax(0,1fr)}
 #scanner.camera-open .scan-main{grid-column:1;grid-row:2}#scanner.camera-open .scan-pages-panel{grid-column:1;grid-row:1}
 #editor,#editor.mobile-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(0,1fr) var(--mw-panel) var(--mw-rail)}
 #editor>.workspace-header{grid-column:1;grid-row:1}#editor>.document-stage,#editor.mobile-stage>.document-stage{grid-column:1;grid-row:2;grid-template-rows:minmax(0,1fr);min-height:0}
 #editor>.side-panel,#editor.mobile-stage>.side-panel{grid-column:1;grid-row:3;display:block}
 #editor>.editor-rail{grid-column:1;grid-row:4;overflow:auto;display:block;padding:4px 8px;border:0;border-top:1px solid var(--line)}
 #editor .editor-rail nav{display:flex;height:100%;gap:4px}
 #editor .editor-tool{min-width:62px;min-height:48px;flex:1;padding:4px;border:0;border-radius:10px;font-size:10px;gap:2px}
 #editor .editor-tool b{font-size:20px}#editor .editor-tool.active{background:var(--ink2);color:var(--acid)}
 #editor .statusbar{display:none}#editor .panel-view{padding:0;max-width:none}#editor .panel-explainer{display:none}
 #editor .stage-scroller{padding:16px}.file-card,.scan-result,.page-order-guide,#pageNavigationHint{display:none}
 #exportDialog[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(0,1fr) var(--mw-panel)}
 #exportDialog .document-export-header{grid-column:1;grid-row:1;padding:8px 12px}#exportDialog .document-export-preview{grid-column:1;grid-row:2;padding:12px}#exportDialog .document-export-controls{grid-column:1;grid-row:3}
 .quick-focused #imageStudio:not(.export-view) .im-body,.quick-focused #pdfStudio .ps-body{grid-template-rows:minmax(0,1fr) var(--mw-panel)}
}
@media(min-width:700px) and (max-width:780px),(min-width:700px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog){--mw-side:280px;--mw-panel:1fr}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog).mw-collapsed{--mw-side:52px;--mw-panel:1fr}
 #imageStudio:not(.export-view) .im-body,.quick-focused #imageStudio:not(.export-view) .im-body,#pdfStudio .ps-body,.quick-focused #pdfStudio .ps-body{grid-template-columns:minmax(0,1fr) var(--mw-side);grid-template-rows:minmax(0,1fr) 60px}
 #imageStudio:not(.export-view) .im-main,.quick-focused #imageStudio:not(.export-view) .im-main,#pdfStudio .ps-main{grid-column:1;grid-row:1/-1}
 #imageStudio:not(.export-view) .im-controls,.quick-focused #imageStudio:not(.export-view) .im-controls,#pdfStudio .ps-controls{grid-column:2;grid-row:1}
 #imageStudio:not(.export-view) .im-rail,#pdfStudio .ps-rail{grid-column:2;grid-row:2;padding:4px;overflow-x:auto}
 #imageStudio .im-rail button{min-width:50px;font-size:9px}
 #imageStudio.export-view .im-body,#pdfStudio.ps-export-view .ps-body,#pdfToImage .pi-body,#pdfToImage .pi-body:has(#piResults:not([hidden])),#scanner #scanExport{grid-template-columns:minmax(0,1fr) var(--mw-side);grid-template-rows:minmax(0,1fr)}
 #imageStudio.export-view .im-main,#pdfStudio.ps-export-view .ps-main,#pdfToImage .pi-main,#scanner .scan-pdf-view{grid-column:1;grid-row:1}
 #imageStudio.export-view .im-controls,#pdfStudio.ps-export-view .ps-controls,#pdfToImage .pi-controls,#scanner .scan-export-controls{grid-column:2;grid-row:1}
 #scanner .scan-body{grid-template-columns:minmax(0,1fr) var(--mw-side);grid-template-rows:54px minmax(0,1fr)}
 #scanner .scan-pages-panel{grid-column:1;grid-row:1}#scanner .scan-main{grid-column:1;grid-row:2}#scanner #scanControls{grid-column:2;grid-row:1/-1}
 #editor,#editor.mobile-stage{grid-template-columns:minmax(0,1fr) var(--mw-side);grid-template-rows:60px minmax(0,1fr) 60px}
 #editor>.workspace-header{grid-column:1/-1;grid-row:1}#editor>.document-stage,#editor.mobile-stage>.document-stage{grid-column:1;grid-row:2/-1}
 #editor>.side-panel,#editor.mobile-stage>.side-panel{grid-column:2;grid-row:2}#editor>.editor-rail{grid-column:2;grid-row:3}
 #exportDialog[open]{grid-template-columns:minmax(0,1fr) var(--mw-side);grid-template-rows:60px minmax(0,1fr)}
 #exportDialog .document-export-header{grid-column:1/-1;grid-row:1}#exportDialog .document-export-preview{grid-column:1;grid-row:2}#exportDialog .document-export-controls{grid-column:2;grid-row:2}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog).mw-collapsed .mw-sheet-toggle{width:52px;margin:0 -16px;min-height:110px;height:auto;padding:12px;writing-mode:vertical-rl;gap:12px}
 .mw-collapsed .mw-sheet-toggle small{display:none}
 .mw-collapsed :is(.im-rail,.ps-rail,.editor-rail){visibility:hidden}
 .quick-focused #imageStudio:not(.export-view) .im-body,.quick-focused #pdfStudio .ps-body{grid-template-rows:minmax(0,1fr)}
}

/* Keep tools reachable while their settings are open. */
@media(max-width:780px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 :is(#imageStudio,#pdfStudio,#editor){--mw-rail:64px;--mw-panel:clamp(190px,32dvh,280px)}
 :is(#imageStudio,#pdfStudio,#editor).mw-collapsed{--mw-rail:64px;--mw-panel:0px}
 #imageStudio:not(.export-view):not(.mw-collapsed) .im-rail,#pdfStudio:not(.ps-export-view):not(.mw-collapsed) .ps-rail{display:flex;visibility:visible}
 #editor:not(.mw-collapsed)>.editor-rail{display:block;visibility:visible}
 :is(#imageStudio,#pdfStudio,#editor).mw-collapsed :is(.im-rail,.ps-rail,.editor-rail){visibility:visible}
 :is(#imageStudio,#pdfStudio,#editor).mw-collapsed :is(.im-controls,.ps-controls,.side-panel){visibility:hidden;border:0}
 /* Quick tools have no tool rail; keep their single Edit action available. */
 .quick-focused :is(#imageStudio,#pdfStudio).mw-collapsed{--mw-panel:52px;--mw-rail:0px}
 .quick-focused :is(#imageStudio,#pdfStudio).mw-collapsed :is(.im-controls,.ps-controls){visibility:visible}
 #imageStudio.export-view.mw-collapsed,#pdfStudio.ps-export-view.mw-collapsed{--mw-panel:52px}
 #imageStudio.export-view.mw-collapsed .im-controls,#pdfStudio.ps-export-view.mw-collapsed .ps-controls{visibility:visible}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog) .mw-sheet-toggle{border-bottom:0;margin-bottom:4px;height:52px;min-height:52px;font-size:15px}
 .mw-sheet-toggle small{color:var(--acid);font-size:14px;font-weight:600;padding:10px 0 10px 18px}
 #imageStudio:not(.export-view) .im-viewbar{display:flex;justify-content:space-between;min-height:44px}
 #imageStudio.export-view .im-rail,#imageStudio.export-view .im-viewbar,#pdfStudio.ps-export-view .ps-rail,.quick-focused #imageStudio .im-rail,.quick-focused #pdfStudio .ps-rail{display:none}
 #imageStudio .im-viewport,#pdfStudio .ps-main,#pdfToImage .pi-main,#scanner .scan-main,#editor .stage-scroller{background:var(--ink2);background-image:none}
 #imageStudio .im-rail button{font-size:12px;min-width:0;min-height:52px;flex:1;background:transparent}
 #imageStudio.mw-collapsed .im-rail button[aria-pressed=true],#editor.mw-collapsed .editor-tool.active{background:transparent;color:var(--paper)}
 #imageStudio .im-controls,#pdfStudio .ps-controls,#pdfToImage .pi-controls,#scanner #scanControls,#editor>.side-panel{border-radius:18px 18px 0 0;border-top:1px solid var(--line)}
 #imageStudio .im-controls section{gap:10px}
 #imageStudio .im-controls section>small{font-size:12px;line-height:1.5}
 #imageStudio #imExportSummary:empty{display:none}
 #imageStudio #imDownload{position:sticky;bottom:0;z-index:3;box-shadow:0 8px 0 8px var(--ink)}
 #imageStudio #imBuild{min-height:44px}
 #imageStudio .comparison-heading span{display:none}
 #scanner .scan-canvas-tools>div{display:flex;gap:4px}
 #scanner .scan-canvas-tools{justify-content:space-between;min-height:44px;flex-wrap:wrap;gap:4px}
 #scanner .mw-scan-view{border:0;background:transparent;color:var(--paper);min-height:44px}
 #scanner .scan-import button{border:0;background:transparent;font-size:13px}
 #scanner .scan-pages-panel{border:0;background:var(--ink2)}
 #scanner .scan-image-scroll{border:0}
 #editor .editor-tool{font-size:11px;min-width:62px}
 #editor .side-panel .form-assist,#editor .side-panel .panel-callout{display:none}
}
@media(min-width:700px) and (max-width:780px),(min-width:700px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
 :is(#imageStudio,#pdfStudio,#editor){--mw-side:300px;--mw-panel:1fr}
 :is(#imageStudio,#pdfStudio,#editor).mw-collapsed{--mw-side:0px;--mw-panel:1fr}
 #imageStudio:not(.export-view) .im-body,#pdfStudio .ps-body{grid-template-rows:minmax(0,1fr) var(--mw-rail)}
 #imageStudio:not(.export-view) .im-main,#pdfStudio .ps-main{grid-row:1}
 #imageStudio:not(.export-view) .im-rail,#pdfStudio .ps-rail{grid-column:1/-1;grid-row:2;justify-content:center}
 #imageStudio .im-rail button,#pdfStudio .ps-rail button{flex:0 1 130px}
 #imageStudio .im-controls,#pdfStudio .ps-controls,#editor>.side-panel{border-radius:0;border-top:0;border-left:1px solid var(--line)}
 #editor,#editor.mobile-stage{grid-template-rows:60px minmax(0,1fr) var(--mw-rail)}
 #editor>.document-stage,#editor.mobile-stage>.document-stage{grid-row:2}
 #editor>.editor-rail{grid-column:1/-1;grid-row:3}
 #editor .editor-rail nav{justify-content:center}
 #editor .editor-tool{flex:0 1 110px}
 .quick-focused :is(#imageStudio,#pdfStudio).mw-collapsed,#imageStudio.export-view.mw-collapsed,#pdfStudio.ps-export-view.mw-collapsed{--mw-side:52px;--mw-panel:1fr}
 .quick-focused #imageStudio:not(.export-view) .im-body,.quick-focused #pdfStudio .ps-body{grid-template-rows:minmax(0,1fr)}
}
@media(max-width:780px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 :is(#pdfToImage,#scanner,#exportDialog).mw-collapsed{--mw-panel:52px}
 .topbar{display:flex;gap:16px;padding:0 16px;height:64px}
 .topbar .device-badge{display:none}
 .topbar .theme-toggle{margin-left:auto;margin-right:0}
 body:not([data-info-page]) .topbar .topbar-actions{margin-right:86px}
 #landing{display:block;min-height:calc(100dvh - 64px)}
 .mw-site-menu{position:absolute;top:10px;right:16px;z-index:25;margin:0;border:0;padding:0}
 .mw-site-menu>summary{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;list-style:none;cursor:pointer;font-size:14px;font-weight:650;border:1px solid var(--line);border-radius:10px;background:var(--ink)}
 .mw-site-menu>summary::-webkit-details-marker{display:none}
 #landing .mw-site-menu>.tool-rail{position:absolute;top:54px;right:0;display:flex;flex-direction:column;width:min(340px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 90px);overflow:auto;padding:12px;background:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #0004}
 #landing .mw-site-menu:not([open])>.tool-rail{display:none}
 .mw-site-menu .rail-tool{display:flex;gap:12px;align-items:center;justify-content:flex-start;min-height:52px;text-align:left;padding:10px 12px;border-radius:8px}
 .mw-site-menu .rail-tool>span,.mw-site-menu .rail-tool em,.mw-site-menu .rail-tool small,.mw-site-menu .rail-label,.mw-site-menu .security-note{display:none}
 .mw-site-menu .rail-tool strong{font-size:14px}
 .mw-site-menu .quick-tools-nav a{min-height:44px;padding:12px}
 #landing .landing-main{padding:32px 22px 28px;background-image:linear-gradient(color-mix(in srgb,var(--line) 40%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 40%,transparent) 1px,transparent 1px);background-size:40px 40px;max-width:760px;margin:auto;min-height:0;overflow:hidden}
 #landing .landing-main::before{display:none}
 #landing .intro-copy>.eyebrow{display:block;font-size:8px;letter-spacing:.1em;line-height:1.6;color:var(--signal)}
 #landing .intro-copy h1{font-size:clamp(36px,10.8vw,54px);line-height:1.02;letter-spacing:-.055em;margin:16px 0}
 #landing .intro-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--acid)}
 #landing .intro-copy p{font-size:14px;line-height:1.65;color:var(--muted)}
 #landing .drop-card{display:grid;grid-template-columns:1fr;margin-top:30px;min-height:0;border:1px dashed var(--line);background:var(--ink2);transform:none;border-radius:4px}
 #landing .drop-card .paper-stack{display:grid;height:155px;border-right:0;border-bottom:1px solid var(--line)}
 #landing .drop-card .local-seal{display:grid;right:12px;top:12px;width:46px;height:46px;font-size:17px;box-shadow:none}
 #landing .local-seal small{font-size:6px}
 #landing .drop-card .corner{display:block}
 #landing .drop-copy{display:flex;padding:20px;align-items:stretch;gap:10px;text-align:left}
 #landing .drop-copy>b{display:block;align-self:flex-start;font-size:8px}
 #landing .drop-copy>strong{display:block;font-size:21px;line-height:1.2;margin:2px 0}
 #landing .drop-copy>small{margin:0;font:11px/1.6 var(--workspace-font,system-ui);color:var(--muted)}
 #landing .upload-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin:0}
 #landing .primary-action{display:block;width:100%;min-height:50px;padding:15px 16px;border-radius:5px;background:var(--acid);color:var(--ink);font-size:15px;text-align:center}
 #landing .upload-actions button{min-height:44px;padding:12px 16px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--paper);font-size:13px}
 #landing .proof-row{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0 0;padding:0;font:10px/1.6 var(--workspace-font,system-ui);color:var(--muted)}
 #landing .process-panel{display:none}
 .mw-home-intro,.mw-tool-directory,.mw-signature{display:none}
 .mw-home #landing .landing-main>.intro-copy:not(.mw-home-intro){display:none}
 .mw-home .mw-home-intro,.mw-home .mw-tool-directory{display:block}
 .mw-home #documentDrop .sheet.front{font-size:0;transform:rotate(5deg);width:100px;height:126px}
 .mw-home #documentDrop .sheet.front::before{content:'';position:absolute;top:23px;left:17px;width:55px;height:3px;background:#a1a495;box-shadow:0 9px #bec0b4,0 18px #bec0b4}
 .mw-home .mw-signature{display:block;width:85px;height:48px;margin-top:36px;color:#263a31}
 .mw-home #documentDrop .scan-bar{z-index:2;width:140px}
 .mw-home #documentDrop .drop-copy>b,.mw-home #documentDrop .drop-copy>strong{display:none}
 .mw-home #documentDrop .drop-copy>small{order:2;text-align:center}
 .mw-home #documentDrop .drop-copy{padding:16px;gap:9px}
 .mw-tool-directory{margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}
 .mw-directory-heading h2{font-size:23px;line-height:1.15;font-weight:550;letter-spacing:-.04em;margin:10px 0 20px}
 .mw-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mw-tool-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:17px 14px;min-height:138px;border:1px solid var(--line);border-radius:6px;background:var(--ink2);color:var(--paper);text-decoration:none}
 .mw-tool-grid a:hover,.mw-tool-grid a:focus-visible{border-color:var(--acid);outline:2px solid var(--acid);outline-offset:2px}
 .mw-tool-grid b{font-size:24px;color:var(--acid);font-weight:400;line-height:1}
 .mw-tool-grid strong{font-size:14px;line-height:1.25;font-weight:650}
 .mw-tool-grid small{font-size:11px;line-height:1.5;color:var(--muted)}
 #landing .site-footer{margin-top:28px;gap:6px 16px}
 #landing .site-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:11px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor,#exportDialog) :is(button,summary){min-height:44px}
 :is(#imageStudio,#pdfStudio,#editor) :is(.im-rail,.ps-rail,.editor-rail){overscroll-behavior-x:contain;scrollbar-width:thin}
 #editor .editor-tool{flex:0 0 auto;min-width:64px}
 #imageStudio .im-rail button{min-width:55px}
 #imageStudio .im-controls,#pdfStudio .ps-controls,#pdfToImage .pi-controls,#scanner #scanControls,#editor>.side-panel{scroll-padding-bottom:24px}
 #imageStudio .im-viewbar{padding:4px 8px;gap:4px}
 #imageStudio .im-viewbar button{padding:6px 8px;min-height:44px}
}
@media(max-width:780px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 #imageStudio #imFinalPreview .workspace-preview-scroll{display:flex;align-items:center;justify-content:center;overflow:hidden}
 #imageStudio #imFinalPreview #imExportPreview{width:100%;height:100%;max-height:100%;object-fit:contain;border:0}
 #imageStudio:has(#imDownload:not(:disabled)) #imBuild{display:none}
 .topbar .topbar-actions{margin-left:auto}
}
@media(max-width:780px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 .mw-save-actions{display:flex;flex-direction:column;gap:10px}
 .mw-save-actions>button{width:100%}
 .mw-save-actions>p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
 :is(#pdfStudio,#pdfToImage,#scanner) .mw-options>summary{min-height:48px;padding:14px 0;font-size:14px;cursor:pointer;font-weight:600}
 :is(#pdfStudio,#pdfToImage,#scanner) .mw-options[open]{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}
 .mw-options>:is(h2,.workspace-kicker,.ps-shared-heading,.workspace-help){display:none}
 #pdfStudio:has(#psDownload:not(:disabled)) #psBuild,#pdfToImage:has(#piDownloadAll:not(:disabled)) #piBuild,#scanner:has(#scanDownload:not(:disabled)) #scanBuild{display:none}
}
@media(max-width:699px){#editor .editor-tool{min-width:0;flex:1}#editor .editor-tool span{font-size:10px}}

/* Phone usability: wrapped toolbars keep their space; the keyboard reduces the
   workspace itself, rather than covering the inspector and bottom actions. */
@media(max-width:780px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 #imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor:not(.hidden),#exportDialog,
 .quick-focused #imageStudio,.quick-focused #pdfStudio{height:var(--mw-height,100dvh);max-height:var(--mw-height,100dvh)}
 #scanner .scan-canvas-tools{flex:none}
 :is(#pdfStudio,#pdfToImage,#scanner) .workspace-page-nav{height:auto;flex:none}
 #scanner .scan-canvas-tools>div{min-width:0;max-width:100%;flex-wrap:wrap}
 #scanner .scan-comparison{height:auto;flex:1;min-height:0}
 #scanner .scan-pages-panel{position:relative}
 #scanner .mw-pages #scanPages{grid-template-columns:repeat(auto-fit,minmax(144px,1fr))}
 #scanner .mw-pages .scan-thumb>div button{flex:1;min-width:0;padding:6px 2px}
 :is(#imageStudio,#pdfStudio,#pdfToImage,#scanner,#editor) .mw-more-items{max-height:min(70dvh,calc(var(--mw-height,100dvh) - 72px))}
}
@media(max-width:699px){
 :is(#imageStudio,#pdfStudio,#editor):not(.mw-collapsed){--mw-panel:clamp(190px,calc(var(--mw-height,100dvh) * .32),280px)}
 :is(#pdfToImage,#scanner,#exportDialog):not(.mw-collapsed){--mw-panel:clamp(200px,calc(var(--mw-height,100dvh) * .32),300px)}
}
