dialog.workflow-dialog.office-region-dialog.office-region-editor{width:min(1280px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.office-region-inline{grid-column:1/-1;width:100%;min-width:0}.office-region-inline>h3{margin:0 0 8px;font-size:1rem}.office-region-header{align-items:center;gap:12px;display:flex}.office-region-header>h2{flex:1;min-width:0;margin:0;font-size:1.1rem}.office-region-editor [hidden]{display:none!important}.office-region-canvas{background:#e2e8f0;border-radius:8px;max-height:72dvh;padding:40px 20px 20px;overflow:auto}:root[data-theme=dark] .office-region-canvas{background:#202b3b}.office-region-canvas .office-region-surface{background:#fff;border:1px solid #94a3b8;max-width:none;margin:8px auto;box-shadow:0 3px 12px #0f172a26}.office-region-inline .office-region-workspace{flex-direction:column;gap:8px;display:flex}.office-region-inline .office-region-sidebar{display:contents}.office-region-inline .office-region-workspace>*,.office-region-inline .office-region-sidebar>*{order:3;width:100%}.office-region-inline .office-region-controls{order:1;grid-template-columns:minmax(0,1fr) 120px}.office-region-inline .office-region-preview{order:2}.office-region-thumbnail .office-region-canvas{cursor:zoom-in;max-height:320px;padding:10px;position:relative}.office-region-thumbnail .office-region-surface{pointer-events:none;max-width:100%}.office-region-thumbnail .office-region-keyboard,.office-region-thumbnail>h3{display:none}.office-region-expand-hint{background:var(--surface);width:32px;height:32px;color:var(--text);border:1px solid var(--border);border-radius:6px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.office-region-thumbnail .office-region-canvas:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.office-region-editor input,.office-region-editor select{width:100%;min-width:0}.office-region-surface{touch-action:none;cursor:default;user-select:none;width:560px;max-width:100%;margin:16px auto;position:relative}.office-region-surface[data-drawing=true]{cursor:crosshair}.office-region-surface img{width:100%;height:auto;display:block}.office-region-box{box-sizing:border-box;cursor:move;background:#2563eb1f;border:2px solid #2563eb;position:absolute}.office-region-dialog>fieldset{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.office-region-dialog input{width:100%;min-width:0}@media (width<=600px){.office-region-dialog>fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}}.office-region-summary{color:var(--muted);font-size:.75rem;line-height:1.6}.office-region-controls{grid-template-columns:minmax(0,1fr) 100px;gap:10px;display:grid}.office-region-workspace{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:20px;display:grid}.office-region-workspace>div{min-width:0}.office-region-dialog>h2{margin:0 0 10px}.office-region-dialog p{margin:8px 0;line-height:1.5}.office-region-sidebar .office-region-controls{grid-template-columns:minmax(0,1fr)}.office-region-sidebar .office-region-upload{padding:8px 0;font-size:.8rem}.office-region-sidebar .office-region-upload summary{cursor:pointer}.office-region-sidebar .office-region-upload>label{margin-top:10px}.office-region-controls label,.office-region-numbers label{gap:6px;font-size:.85rem;display:grid}.office-region-upload{grid-column:1/-1}.office-region-dialog input,.office-region-dialog select{width:100%;min-width:0}.office-region-dialog input[type=checkbox]{width:18px}.office-region-dialog input[type=file]{padding:8px;font-size:.8rem}.office-region-numbers{margin-block:12px}.office-region-numbers summary{cursor:pointer;font-size:.85rem}.office-region-numbers fieldset{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px 0;display:grid}.office-region-numbers legend{color:var(--muted);font-size:.8rem}.office-region-surface:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.office-region-handle{z-index:2;background:0 0;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%)}.office-region-handle:after{content:"";pointer-events:none;background:#2563eb;border:2px solid #fff;border-radius:3px;position:absolute;inset:5px;box-shadow:0 0 0 1px #2563eb}.office-region-handle[data-edge=nw]{cursor:nwse-resize;top:0;left:0}.office-region-handle[data-edge=ne]{cursor:nesw-resize;top:0;left:100%}.office-region-handle[data-edge=sw]{cursor:nesw-resize;top:100%;left:0}.office-region-handle[data-edge=se]{cursor:nwse-resize;top:100%;left:100%}.office-region-handle[data-edge=n],.office-region-handle[data-edge=s]{cursor:ns-resize;z-index:1;width:calc(100% - 24px);left:50%}.office-region-handle[data-edge=n]{top:0}.office-region-handle[data-edge=s]{top:100%}.office-region-handle[data-edge=e],.office-region-handle[data-edge=w]{cursor:ew-resize;z-index:1;height:calc(100% - 24px);top:50%}.office-region-handle[data-edge=e]{left:100%}.office-region-handle[data-edge=w]{left:0}.office-region-handle[data-edge=n]:after,.office-region-handle[data-edge=s]:after{width:12px;height:12px;inset:5px auto auto 50%;transform:translate(-50%)}.office-region-handle[data-edge=e]:after,.office-region-handle[data-edge=w]:after{width:12px;height:12px;inset:50% auto auto 5px;transform:translateY(-50%)}.office-region-rotation{color:#fff;cursor:grab;background:#2563eb;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:grid;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.office-region-rotation:before{content:"";background:#2563eb;width:2px;height:10px;position:absolute;top:100%}.office-region-box[data-selected=false] :is(.office-region-handle,.office-region-rotation),.office-region-thumbnail :is(.office-region-handle,.office-region-rotation){display:none}.office-region-box[data-selected=false]{cursor:pointer;border-style:dashed}.office-region-actions{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:end;gap:8px;padding:12px 0;display:flex;position:sticky;bottom:-22px}.office-region-actions>button{min-height:44px;font-size:.85rem}.office-region-status{color:var(--muted);font-size:.85rem}.office-region-zoom{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.office-region-zoom button{justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:1.2rem;display:inline-flex}.office-region-zoom button[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary)}.office-region-dialog[data-images-only] .office-region-controls{grid-template-columns:minmax(0,1fr)}.office-region-result{border-left:3px solid var(--primary);overflow-wrap:anywhere;padding-left:12px;font-size:.85rem}.office-region-result:empty{display:none}.office-region-result h3{font-size:.95rem}@media (width<=600px){.office-region-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:14px}.office-region-dialog h2{margin-top:0;font-size:1.1rem}.office-region-numbers fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.office-region-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px;display:grid;bottom:-14px}.office-region-actions>button{white-space:normal;min-width:0;padding:6px;font-size:.75rem}.office-region-handle{width:22px;height:22px}}@media (width<=700px){.office-region-workspace{flex-direction:column;gap:6px;display:flex}.office-region-sidebar{display:contents}.office-region-workspace>:is(div,p,details,select,label),.office-region-sidebar>:is(div,p,details,select,label){order:3;width:100%}.office-region-workspace .office-region-controls{order:1;grid-template-columns:minmax(0,1fr) 86px}.office-region-workspace .office-region-preview{order:2}.office-region-workspace .office-region-controls>details{grid-column:1/-1}.office-region-keyboard{display:none}}
