@media screen{
 #modal:has(.compact-workspace){width:min(1580px,98vw);height:96dvh;max-height:96dvh;max-width:1580px}
 .compact-workspace{height:100%;display:flex;flex-direction:column;overflow:hidden}
 .compact-workspace>.modal-head{padding:14px 22px;min-height:81px;flex-shrink:0}.compact-workspace .modal-head h2{font-size:22px;margin:3px 0}.compact-workspace .modal-head small{font-size:12px}.compact-workspace .editor-kicker{font-size:10px}
 .compact-workspace>.editor-layout{height:auto!important;min-height:0;flex:1;overflow:hidden!important;display:grid;grid-template-columns:minmax(410px,1fr) minmax(340px,1.08fr);gap:18px;padding:16px!important}
 .compact-workspace .editor-input{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0;scrollbar-gutter:auto}
 .workspace-steps{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px;flex-shrink:0}.workspace-step-button{display:flex;align-items:center;gap:5px;min-height:36px;border:1px solid #c8d3de;border-radius:7px;padding:7px 9px;font-size:11px;background:#fff;white-space:nowrap}.workspace-step-button span{font-size:10px;width:17px;height:17px;display:grid;place-items:center;background:#e9eff5;border-radius:50%;color:#526b83}.workspace-step-button b{font-weight:500}.workspace-step-button small{font-size:9px;color:#75879a}.workspace-step-button[aria-current=step]{border-color:#263f5d;background:#263f5d;color:#fff}.workspace-step-button[aria-current=step] small{color:#cad8e7}.workspace-step-button.is-complete small{color:#22846a}
 .workspace-panels{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.compact-workspace .workspace-step{margin:0;padding:18px;border-radius:10px}.workspace-step>h3{font-size:15px!important;margin-bottom:16px!important}.workspace-step>h3>span{display:none}.compact-workspace .form-grid{gap:12px 14px}.compact-workspace .workspace-step input,.compact-workspace .workspace-step select{min-height:40px;font-size:13px;padding:8px 10px}.compact-workspace .workspace-step label{font-size:12px;margin-bottom:6px}.compact-workspace .workspace-step textarea{min-height:110px;font-size:13px;line-height:1.7}.compact-workspace .workspace-step small,.compact-workspace .field-help{font-size:11px!important}
 .workspace-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding:10px 0 0}.workspace-navigation button{min-height:34px;padding:6px 12px;font-size:12px}.workspace-position{font-size:11px;color:#60778f}
 .compact-workspace .editor-preview{position:static;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;scrollbar-gutter:auto;padding:0}.compact-workspace .preview-caption{flex-shrink:0;min-height:37px;padding:0 0 8px;gap:8px}.preview-controls{display:flex;gap:5px;align-items:center}.preview-controls button{min-height:28px;font-size:10px;padding:4px 8px;border-radius:6px}.preview-controls button[aria-pressed=true]{background:#263f5d;color:white;border-color:#263f5d}.preview-scale{min-width:28px;text-align:right;color:#60758c}
 .preview-viewport{flex:1;min-height:0;overflow:hidden;background:#dfe7ee;border:1px solid #c1ceda;border-radius:9px;padding:12px;display:flex;justify-content:center;align-items:flex-start}.preview-viewport.is-expanded{overflow:auto;display:block}.preview-sizer{position:relative;flex-shrink:0;margin:0 auto}.preview-page{width:794px;transform-origin:top left;position:absolute;top:0;left:0}.compact-workspace .preview-page .paper{width:794px;min-height:1123px!important;padding:44px!important;border:1px solid #aab8c5;border-radius:0;box-shadow:0 3px 14px #263f5d24;margin:0!important}.compact-workspace .preview-page .paper h2{font-size:27px}.compact-workspace .editor-preview>.field-help{font-size:10px!important;margin:6px 0 0;flex-shrink:0;line-height:1.4}
 .compact-workspace>.modal-foot{min-height:62px;padding:10px 20px;flex-shrink:0;box-shadow:none;border-top:1px solid #ccd6e1}.compact-workspace>.modal-foot button{min-height:40px;font-size:13px}.compact-workspace .editor-save-note{font-size:11px}
 @media(max-width:1050px){.compact-workspace>.editor-layout{grid-template-columns:minmax(340px,1fr) minmax(300px,.9fr)!important;gap:12px}.workspace-step-button{font-size:10px;padding:6px}.compact-workspace .preview-caption{flex-wrap:wrap}.compact-workspace .preview-controls{margin-left:auto}}
 @media(max-width:760px){#modal:has(.compact-workspace){width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.compact-workspace>.modal-head{padding:12px 16px;min-height:76px}.compact-workspace>.editor-layout{display:flex!important;flex-direction:column;overflow:auto!important;padding:10px!important;gap:14px}.compact-workspace .editor-input{height:auto;min-height:380px;overflow:visible;flex-shrink:0}.workspace-panels{overflow:visible}.compact-workspace .editor-preview{height:440px;min-height:440px;flex-shrink:0}.workspace-steps{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.workspace-step-button{flex-shrink:0}.compact-workspace .form-grid{grid-template-columns:1fr 1fr!important}.compact-workspace .workspace-step input,.compact-workspace .workspace-step select,.compact-workspace .workspace-step textarea{font-size:16px}.compact-workspace>.modal-foot{padding:9px 12px}.compact-workspace .preview-controls button{font-size:11px}}
}
@media screen{#modal:has(.compact-workspace)>#modalContent{height:100%;overflow:hidden}}

@media screen{
 .compact-workspace>.modal-head{display:flex;align-items:center;gap:24px;min-height:88px}
 .compact-workspace>.modal-head>div:first-child{min-width:0;flex:1}
 .compact-workspace .workspace-template-picker{flex:0 1 300px;min-width:220px;margin-left:auto}
 .compact-workspace .workspace-template-picker label{font-size:11px;font-weight:600;color:#5c7188;margin:0 0 5px;line-height:1.3}
 .compact-workspace select,.compact-workspace .workspace-step select{appearance:none;-webkit-appearance:none;width:100%;height:42px;min-height:42px;line-height:1.4;border:1px solid #afbdcc;border-radius:8px;padding:9px 36px 9px 12px;background:#fff url('/assets/chevron-down.svg') no-repeat right 12px center;background-size:14px 14px;font-size:13px;color:#263d55;box-shadow:none;cursor:pointer}
 .compact-workspace .workspace-template-select{border-color:#8fa5bb;background-color:#f7faff;font-weight:600}
 .compact-workspace select:hover{border-color:#6988a6;background-color:#f7faff}.compact-workspace select:focus{border-color:#446c94;outline:2px solid #dce9f6;outline-offset:1px}.compact-workspace select:disabled{opacity:1;color:#62788d;background-color:#edf2f6;cursor:default}
 .compact-workspace>.modal-head>button{flex-shrink:0;align-self:center}
 @media(max-width:760px){.compact-workspace>.modal-head{flex-wrap:wrap;gap:8px 14px;min-height:0}.compact-workspace>.modal-head>div:first-child{flex-basis:calc(100% - 50px);order:0}.compact-workspace>.modal-head>button{order:1}.compact-workspace .workspace-template-picker{flex-basis:100%;min-width:0;order:2}.compact-workspace select,.compact-workspace .workspace-step select{font-size:16px}}
}

@media screen{.workspace-approval-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;grid-column:1/-1;padding-top:14px;margin-top:2px;border-top:1px solid #d8e2ec;align-items:start}.workspace-approval-row>div{min-width:0}.workspace-approval-row select{width:100%}}