#documentSimulatorModal{width:min(1180px,96vw);height:min(900px,94dvh);max-height:94dvh;border-radius:8px;overflow:hidden}
.documentSimulatorShell{height:100%;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;min-width:0}
.documentSimulatorHeader{height:auto;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid #d4dce9;background:#fff;color:#172b4d}
.documentSimulatorHeader h2{font-size:20px;line-height:1.3;margin:0 0 3px}
.documentSimulatorHeader span{display:block;margin:0;color:#626f86;font-size:12px;opacity:1}
.documentSimulatorHeader button{flex:0 0 34px;width:34px;height:34px;background:transparent;border:0;font-size:24px;cursor:pointer}
.documentSimulatorControls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:14px 20px}
.documentSimulatorControls label{display:grid;gap:6px;min-width:0;font-size:13px;font-weight:650}
.documentSimulatorControls input,.documentSimulatorControls select{width:100%;min-width:0;max-width:100%;padding:9px;border:1px solid #cdd6e3;border-radius:5px;font-size:13px;background:#fff}
.documentSimulatorControls>button{width:auto;min-height:39px;border-radius:5px;font-size:13px}
#documentSimulatorStatus{padding:9px 20px;color:#52647b;font-size:13px;border-top:1px solid #e4e8ee;border-bottom:1px solid #e4e8ee;overflow-wrap:anywhere}
#documentSimulatorStatus[data-state="ready"]{background:#eafaf1;color:#18633e}
#documentSimulatorStatus[data-state="warning"]{background:#fff7d8;color:#765200}
#documentSimulatorStatus[data-state="error"]{background:#fff0f0;color:#a32929}
.documentSimulatorBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;min-width:0}
.documentSimulatorPreview{min-width:0;min-height:0;overflow:auto;background:#f1f3f6;border-right:1px solid #d4dce9}
#documentSimulatorPreviewEmpty{padding:38px 20px;text-align:center;color:#626f86;overflow-wrap:anywhere;font-size:13px}
.documentSimulatorPdfToolbar{position:sticky;top:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:8px;background:#fff;border-bottom:1px solid #d4dce9;z-index:1}
.documentSimulatorPdfToolbar button{width:32px;height:30px;border:1px solid #cdd6e3;background:#fff;border-radius:4px;cursor:pointer}
.documentSimulatorPdfToolbar output{font-size:13px;min-width:60px;text-align:center}
#documentSimulatorCanvasWrap{padding:10px;overflow:hidden}
#documentSimulatorCanvas{display:block;margin:auto;max-width:100%;height:auto}
#documentSimulatorImage{display:block;max-width:100%;height:auto;margin:auto}
.documentSimulatorResults{min-width:0;min-height:0;overflow:auto;padding:16px 20px;background:#fff}
.documentSimulatorResults dl{margin:0}
.documentSimulatorResults dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #e1e6ed;font-size:13px;line-height:1.4}
.documentSimulatorResults dt{font-weight:650}
.documentSimulatorResults dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.documentSimulatorResults small{display:block;margin-top:3px;color:#64748b;font-size:11px}
.documentSimulatorWarnings{margin:0 0 14px;padding:10px 10px 10px 26px;background:#fff7d8;border-left:3px solid #c78b00;font-size:12px;line-height:1.5}
.documentSimulatorResults h3{font-size:14px;margin:18px 0 8px}
.documentSimulatorResults ul{overflow-wrap:anywhere}
#documentSimulatorTextDetails{margin-top:16px;font-size:13px}
#documentSimulatorTextDetails summary{cursor:pointer;font-weight:650}
#documentSimulatorText{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:300px;overflow:auto;padding:10px;background:#f7f8fa;font-size:11px}
.documentSimulatorFooter{display:flex;justify-content:flex-end;gap:10px;margin:0;padding:12px 20px;background:#fff;border-top:1px solid #d4dce9}
.documentSimulatorFooter button{width:auto;max-width:100%;border-radius:5px;padding:10px 14px;font-size:13px}
#documentSimulatorModal button:disabled{opacity:.55;cursor:default}
#documentSimulatorModal [hidden]{display:none!important}
#openDocumentSimulator,#simulateDocumentRule{padding:9px 12px;border-radius:5px;cursor:pointer;width:auto;font-size:13px;white-space:nowrap}
#documentRuleModal .taskEditorHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:38px}
#documentRuleModal .taskEditorHeading h2{min-width:0;overflow-wrap:anywhere}
.classifierToolbar{flex-wrap:wrap}
@media(max-width:760px){
 #documentSimulatorModal{height:95dvh;max-height:95dvh;width:96vw}
 .documentSimulatorHeader{padding:12px 14px}
 .documentSimulatorHeader h2{font-size:18px}
 .documentSimulatorControls{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px;gap:10px}
 .documentSimulatorControls label:first-child{grid-column:1/-1}
 .documentSimulatorControls>button{padding:10px;font-size:12px}
 #documentSimulatorStatus{padding:9px 14px}
 .documentSimulatorBody{display:flex;flex-direction:column;overflow:auto}
 .documentSimulatorPreview{flex:0 0 280px;min-height:280px;border-right:0;border-bottom:1px solid #d4dce9}
 .documentSimulatorResults{flex:0 0 auto;overflow:visible;padding:12px 14px}
 .documentSimulatorResults dl>div{grid-template-columns:105px minmax(0,1fr);font-size:12px}
 .documentSimulatorFooter{padding:10px 14px}
 #documentRuleModal .taskEditorHeading{flex-wrap:wrap}
}
