/* Step-based page, not another modal or floating tool window. */
#extractionEditor{inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;z-index:1000;}
#extractionEditor .workspace-methods,#extractionServer,#workspaceServerUnavailable,#extractionPrivacyNote,#extractionReset,#extractionApply,#saveMarkButton{display:none!important;}
#flowActions,#flowPreparation{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
#flowActions button,#flowStart,#flowPreparation button,#flowPick{padding:8px 12px;min-height:36px;font-size:13px;}
#flowAccept,#flowContinue,#flowDownload{background:#cdf47f;color:#142016;}
#serverAiButton,#serverAiAvailability{display:none!important;}
#extractionEditor[data-step=done] #workspaceHistory{display:none;}
#extractionEditor[data-step=prepare] #workspaceHistory{visibility:hidden;}
#flowSelectionAdvanced{margin:6px 0;}
#extractor .extractor-grid{display:block;max-width:620px;margin:50px auto;}
#extractor .extractor-controls{border:1px solid #3a443e;padding:30px;}
#extractor .extractor-controls>*:not(#extractorReplaceButton):not(#extractorStatus):not(#downloadPngButton),#extractor .extractor-stage,#extractor .extractor-preview-panel{display:none;}
#downloadPngButton:disabled{display:none;}
#flowPreparation{padding:10px 18px;border-bottom:1px solid #3a443e;}
#extractionEditor[data-step=prepare] .workspace-tools,#extractionEditor[data-step=select] .workspace-tools,#extractionEditor[data-step=compare] .workspace-tools,#extractionEditor[data-step=done] .workspace-tools,#extractionEditor[data-step=empty] .workspace-tools{display:none;}
#extractionEditor[data-step=prepare] #workspaceMethodBody{display:none;}
#extractionEditor[data-step=compare] .extraction-controls,#extractionEditor[data-step=done] .extraction-controls,#extractionEditor[data-step=refine] .extraction-controls{display:none;}
#extractionEditor[data-step=compare] .extraction-layout,#extractionEditor[data-step=done] .extraction-layout,#extractionEditor[data-step=refine] .extraction-layout{grid-template-columns:1fr;}
#extractionEditor[data-step=prepare] #extractionComparison,#extractionEditor[data-step=select] #extractionComparison{grid-template-columns:1fr;}
#extractionEditor[data-step=prepare] #extractionComparison>section:not(.extraction-source-pane),#extractionEditor[data-step=select] #extractionComparison>section:not(.extraction-source-pane){display:none;}
#extractionEditor[data-step=prepare] .extraction-source-pane,#extractionEditor[data-step=select] .extraction-source-pane{display:flex!important;}
#extractionEditor[data-step=empty] .extraction-layout,#extractionEditor[data-step=empty] .extraction-view-tools{display:none;}
#flowPick{margin:auto;}
#extractionEditor .workspace-popover{position:static;width:auto;max-width:none;box-shadow:none;border:0;border-bottom:1px solid #52604e;border-radius:0;padding:10px 18px;flex:none;background:#1c281f;}
#workspaceSelection>header,#workspaceSelection>p{display:none;}
#extractionEditor .extraction-controls{overflow:auto;}
#extractionEditor #workspaceSelection{padding:0;border:0;}
#extractionEditor .workspace-tools [data-panel-open=workspaceSelection]{display:none;}
#flowAdvanced{margin:0 0 0 auto;}
#flowAdvanced[open]{display:flex;}
#extractionEditor[data-step=prepare] #workspaceSelectionFields>*:not(.extraction-paint-tools){display:none;}
#extractionEditor[data-step=prepare] .extraction-paint-tools>*:not([data-guide=focus]){display:none;}
#extractionEditor[data-step=prepare] .extraction-paint-tools{display:block;}
#extractionEditor[data-step=prepare] [data-guide=focus]{width:100%;}
#extractionEditor[data-step=done] #extractionGuide,#extractionEditor[data-step=compare] #extractionGuide{cursor:default;}
#extractionEditor #extractionSaveSummary{display:none;}
/* Keep related controls and the image on one centred working surface. */
#extractionEditor>.extraction-heading,#extractionEditor>.extraction-layout,#extractionEditor>.extraction-footer,#extractionEditor>.workspace-tools,#flowPreparation{width:min(1180px,100%);box-sizing:border-box;margin-left:auto;margin-right:auto;}
#extractionEditor>.extraction-layout{flex:1;max-height:740px;}
#extractionEditor>.extraction-heading{padding:14px 16px;}
#extractionEditor>.extraction-footer{margin-top:0;}
#extractionEditor .extraction-viewport{display:flex;}
#extractionEditor .extraction-canvas-stack{flex:none;margin:auto;}
#extractionEditor[data-step=prepare] .extraction-controls{display:none;}
#extractionEditor[data-step=prepare] .extraction-layout{grid-template-columns:1fr;}
#extractionEditor .workspace-popover{width:min(1180px,100%);margin-left:auto;margin-right:auto;box-sizing:border-box;}
#flowAdvanced{margin-left:12px;}
#extractionEditor #workspaceActiveTool{display:none;}
#sharpenPanel{width:min(1180px,100%);box-sizing:border-box;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#263124;border-bottom:1px solid #52604e;font:13px Arial,sans-serif;}
#sharpenPanel label{display:flex;align-items:center;gap:8px;}#sharpenStrength{width:160px;accent-color:#cdf47f;}#sharpenValue{min-width:36px;}#sharpenPanel button{padding:7px 12px;background:#1b241e;color:#eee;border:1px solid #66715e;}#sharpenPanel small{flex-basis:100%;margin:0;}
#flowPreparation{gap:8px;}
.library-tools{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;}
.library-menu{position:relative;}.library-menu summary{cursor:pointer;list-style:none;font-size:24px;padding:0 12px;border:1px solid #52604e;}.library-menu button{position:absolute;right:0;top:100%;z-index:10;min-width:190px;padding:12px;background:#253128;color:#eee;border:1px solid #718267;}
.library-select{grid-column:1/-1;display:flex;align-items:center;gap:6px;font-size:12px;padding:5px 0;}
#flowFinish{background:#cdf47f;color:#142016;}
@media(max-width:640px){
 #extractionEditor .extraction-heading{flex-wrap:wrap;}#flowActions{order:5;width:100%;}#flowStart{margin-left:auto;}
 #extractionEditor .extraction-controls{max-height:290px;}#workspaceSelectionFields .extraction-paint-tools{display:flex;}#workspaceSelectionFields .extraction-field{margin:4px 0;}#extractionEditor .workspace-tools{display:flex;}
 #extractionEditor .workspace-popover{max-height:240px;overflow:auto;}#flowPreparation{padding:6px;gap:4px;}#flowPreparation button{font-size:11px;padding:5px;}
 #extractionEditor[data-step=select] .extraction-controls{max-height:330px;}
 #workspaceSelectionFields{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;}
 #workspaceSelectionFields>.extraction-paint-tools{grid-column:1/-1;margin:2px 0;}
 #workspaceSelectionFields>small{display:none;}
 #workspaceSelectionFields>.extraction-field{display:flex;align-items:center;gap:5px;font-size:10px;}
 #workspaceSelectionFields>.extraction-field input{width:100px;}
 #flowSelectionAdvanced{grid-column:1/-1;margin:0;}
 #extractionClearGuidance{font-size:11px;min-height:26px;}
 #extractionEditor[data-step=select] #workspaceMobileView,#extractionEditor[data-step=prepare] #workspaceMobileView{display:none;}
}