.document-page{margin:0;min-height:100dvh;display:flex;flex-direction:column;font-family:Inter,sans-serif;color:#27212b}
.document-page main{flex:1;display:flex;padding:24px 0;min-height:0}.document-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;width:min(92%,1280px);margin:auto;align-items:start;flex:1;min-height:0}
.document-page:not(.document-loaded) .document-layout{grid-template-columns:1fr}.document-page:not(.document-loaded) #main-workspace-drop{display:grid;min-height:65dvh}.document-page [hidden]{display:none!important}
.document-page #main-workspace-drop{min-width:0;min-height:0}.document-page #drop-zone{background:white;border:1px solid var(--tool-border);border-radius:30px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0;max-height:calc(100dvh - 150px);overflow:auto;position:sticky;top:20px}
.document-save{width:100%;border-radius:17px;padding:15px 16px;min-height:54px;background:var(--tool-action);color:white;font-size:16px;font-weight:650}.document-save:disabled{opacity:.4;cursor:default}.document-options{display:flex;flex-direction:column;gap:11px}.document-options input:not([type=checkbox]):not([type=file]),.document-options select{width:100%;border:1px solid var(--tool-border);border-radius:13px;background:#fff;min-height:43px;padding:10px 12px;font-size:14px;min-width:0}.document-options .field-label{margin:6px 0 -5px;font-size:13px;font-weight:600}
.document-options input[type=file]{font-size:12px;width:100%}.document-options summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--tool-action)}.document-options details>*:not(summary){margin-top:9px}.document-options .option-label{font-size:13px;line-height:1.4;padding:10px;border-radius:13px;display:flex;gap:9px;background:var(--tool-action-tint);align-items:center}.document-options input[type=checkbox]{accent-color:var(--tool-action);width:17px;height:17px;flex:none}.document-caption{font-size:12px;color:#6b6570;line-height:1.5}.document-tools{display:flex;gap:6px;flex-wrap:wrap}.document-tools button{display:flex;align-items:center;gap:5px;min-height:36px;border-radius:11px;padding:7px 10px;color:var(--tool-action);background:var(--tool-action-tint);font-size:12px;font-weight:600}.document-tools button[aria-pressed=true]{background:var(--tool-action);color:white}.document-tools .material-symbols-outlined{font-size:19px}.document-page .workspace-toolbar{flex-wrap:wrap;margin-bottom:18px;gap:6px}.document-page #clear-btn{margin-left:auto}
.document-page-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0;font-size:12px;color:#6b6570}.document-page-controls select{border:1px solid var(--tool-border);border-radius:11px;background:white;padding:8px 12px;font-size:13px}.document-page-controls button{color:var(--tool-action);background:var(--tool-action-tint);border-radius:12px;width:37px;height:37px}.document-page-controls button:disabled{opacity:.35}
.document-paper-scroll{background:#eeeef280;border-radius:18px;padding:18px;overflow:auto;max-height:calc(100dvh - 310px);min-height:220px;scrollbar-width:thin;scrollbar-color:var(--tool-border) transparent}.document-paper{position:relative;width:min(100%,640px);margin:auto;background:white;box-shadow:0 4px 20px #24203012;isolation:isolate}.document-paper canvas{display:block;width:100%;height:auto}.document-overlay{position:absolute;inset:0;touch-action:none}.form-widget,.create-field{position:absolute;box-sizing:border-box;min-width:0;min-height:0}.form-widget{background:#fffefa;color:#252532;border:1.5px solid var(--tool-action);border-radius:2px;padding:1px 3px;font:14px/1.2 Inter,sans-serif;opacity:.95}.form-widget:focus{outline:2px solid var(--tool-action)!important;outline-offset:2px}.form-widget[type=checkbox],.form-widget[type=radio]{padding:0;accent-color:var(--tool-action);cursor:pointer}.form-widget:disabled{background:transparent;border-color:transparent}.create-field{display:flex;align-items:center;border:1.5px dashed var(--tool-accent);background:var(--tool-action-tint);color:var(--tool-action);font-size:12px;cursor:move;padding:3px;user-select:none;overflow:visible}.create-field.selected{outline:2px solid var(--tool-action);outline-offset:1px}.create-field-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.field-resize{position:absolute;right:-6px;bottom:-6px;background:var(--tool-action);border:2px solid #fff;width:15px;height:15px;border-radius:4px;cursor:nwse-resize}.form-placing{cursor:crosshair}.search-hit{position:absolute;pointer-events:none;background:#ffe58488;border-bottom:2px solid #d99818}.search-hit.active{background:#ffbc4c99;outline:2px solid #b96c13}
#form-properties{display:flex;flex-direction:column;gap:11px}#document-text-view{margin-top:15px}#extracted-text{background:white;border:1px solid var(--tool-border);border-radius:18px;padding:22px;width:100%;min-height:52dvh;resize:vertical;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#33303a}.document-checks{display:flex;gap:8px;margin-top:10px}.document-checks .option-label{font-size:12px;flex:1}#search-results{display:flex;flex-direction:column;gap:7px;padding:0;list-style:none}#search-results button{width:100%;text-align:left;background:#f8f8fb;border:1px solid var(--tool-border);padding:11px;border-radius:14px;font-size:12px;line-height:1.5}#search-results button[aria-current=true]{background:var(--tool-action-tint);border-color:var(--tool-action)}#search-results strong{display:block;color:var(--tool-action);font-size:11px;margin-bottom:4px}
@media(min-width:768px) and (min-height:621px){.document-page{height:100dvh;overflow:hidden}.document-page main{overflow:hidden}.document-layout{height:100%;margin:0 auto}.document-page #main-workspace-drop{overflow:auto;scrollbar-width:thin;padding-right:7px}.document-page #drop-zone{position:relative;top:0;max-height:100%;height:100%}.document-options{overflow:auto;scrollbar-width:thin;flex:1;min-height:0}.document-paper-scroll{max-height:calc(100dvh - 310px)}}
@media(max-width:1000px){.document-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px;width:94%}.document-page #drop-zone{padding:17px}}
@media(max-width:767px),(max-height:620px){.document-layout{display:flex;flex-direction:column;width:94%;gap:20px}.document-layout>*{width:100%}.document-page #drop-zone{position:static;max-height:none;padding:19px}.document-paper-scroll{max-height:65dvh;padding:10px}.document-options{overflow:visible}.document-page main{padding:18px 0}.document-page:not(.document-loaded) #main-workspace-drop{min-height:65dvh}}
.document-page main{flex-direction:column}.document-page[data-tool] main>.document-layout{width:min(calc(100% - 64px),1280px);margin-inline:auto}
@media(max-width:767px){.document-page[data-tool] main>.document-layout{width:94%}}
@media(max-width:767px){
  .document-page .workspace-toolbar #document-replace{order:0}
  .document-page .workspace-toolbar #undo-btn{order:1;margin-left:auto}
  .document-page .workspace-toolbar #redo-btn{order:2}
  .document-page .workspace-toolbar #clear-btn{order:3;margin-left:0}
  .document-page #form-create-tools{order:4;flex-basis:100%}
}
.form-widget[type=radio]{border-radius:50%}
#search-form{display:grid;gap:8px}
#search-form .field-label{margin:0}
#search-form .document-checks{margin-top:2px}