/* Controls enhance the existing two-column editor; explanations stay below it. */
.workspace-workbench{min-width:0}
.workspace-controls{margin-block-end:20px;min-width:0}
.workspace-tabs{display:flex;flex-wrap:wrap;gap:8px;border-block-end:1px solid var(--line);padding-block-end:12px;margin-block-end:18px}
.workspace-tabs [role=tab]{flex:1 1 auto;min-height:44px;padding:10px 12px;border:1px solid #b5c5bb;border-radius:8px;background:#fff;color:#405b4c;font:inherit;font-size:14px;font-weight:600;line-height:1.4;text-align:center;cursor:pointer}
.workspace-tabs [role=tab][aria-selected=true]{background:#fff;color:#135e50;border-color:#135e50;box-shadow:inset 0 -2px 0 #135e50}
.workspace-tabs [role=tab]:hover{border-color:#648674;background:#f4f7f5}
.workspace-tabs [role=tab]:focus-visible,.workspace-tab-panel:focus-visible,.workspace-draft-controls summary:focus-visible,.workspace-workbench button:focus-visible{outline:3px solid #996200;outline-offset:3px}
.workspace-tab-panel{min-width:0;border-radius:8px}
.workspace-tab-panel .field{margin-block-end:14px}
.workspace-tab-panel .help{margin-block:8px 12px;text-align:start}
.workspace-indent{max-width:190px}
.workspace-check{display:flex;gap:10px;align-items:flex-start;margin-block:10px;font-size:14px;line-height:1.6;font-weight:400;cursor:pointer}
.workspace-check input[type=checkbox]{flex:0 0 18px;margin:3px 0 0;min-height:18px;accent-color:#135e50}
.workspace-check span{min-width:0}
.workspace-operations.actions{margin-block:10px 14px;gap:8px}
.workspace-operations button,.workspace-file-actions button,.workspace-draft-controls button{padding:10px 12px;font-size:14px;white-space:normal;overflow-wrap:anywhere;text-align:start}
.workspace-file-actions.actions{margin-block:16px;gap:8px}
.workspace-workbench button:disabled{cursor:default}
.workspace-draft-controls{border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff;font-size:14px}
.workspace-draft-controls summary{display:list-item;cursor:pointer;min-height:44px;padding-block:11px;font-weight:600;line-height:1.5}
.workspace-draft-controls .help{font-size:13px;line-height:1.65;text-align:start}
.workspace-draft-controls .actions{margin-block:12px;gap:8px}
.workspace-draft-controls #workspace-draft-status{margin-block:12px;overflow-wrap:anywhere}
.workspace-import{margin-block:16px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff;font-size:14px}
.workspace-import>summary,.workspace-advanced>summary{display:list-item;min-height:44px;padding-block:11px;cursor:pointer;font-weight:600;line-height:1.5;color:#344e42;overflow-wrap:anywhere}
.workspace-import>summary::marker,.workspace-advanced>summary::marker{color:#135e50}
.workspace-import>summary:focus-visible,.workspace-advanced>summary:focus-visible{outline:3px solid #996200;outline-offset:3px;border-radius:3px}
.workspace-import[open]>summary,.workspace-advanced[open]>summary{border-block-end:1px solid var(--line);margin-block-end:14px}
.workspace-import .file-import{padding-block-end:14px}
.workspace-import input[type=file]{min-width:0;max-width:100%}
.workspace-workbench #workspace-compare{min-height:150px;max-width:100%;font-size:14px;direction:ltr;text-align:left}
.workspace-workbench [data-workspace-panel][hidden]{display:none!important}
.workspace-workbench .editor-result{min-width:0}
.workspace-workbench #extra-tree,.workspace-workbench #extra-preview{max-width:100%;overflow:auto}
.workspace-workbench #extra-tree svg{display:block;max-width:100%;height:auto}
@media(max-width:700px){
 .workspace-tabs{gap:6px;margin-block-end:14px}
 .workspace-tabs [role=tab]{flex-basis:calc(50% - 6px);padding:10px 8px}
 .workspace-controls{margin-block-end:20px}
 .workspace-operations.actions,.workspace-file-actions.actions{gap:8px}
 .workspace-operations button,.workspace-file-actions button{flex:1 1 145px}
 .workspace-draft-controls .actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .workspace-workbench #workspace-compare{min-height:140px}
}
@media print{
 body:has(.workspace-workbench) header,body:has(.workspace-workbench) footer,body:has(.workspace-workbench) .skip,body:has(.workspace-workbench) main>:not(.developer-layout){display:none!important}
 body:has(.workspace-workbench) main{max-width:none;padding:0;margin:0}
 .developer-layout:has(.workspace-workbench)>aside,.workspace-workbench .editor-input,.workspace-workbench .editor-result>button,.workspace-workbench #extra-error,.workspace-workbench #extra-warning,.workspace-workbench #extra-tree,.workspace-workbench #extra-preview{display:none!important}
 .developer-layout:has(.workspace-workbench),.developer-layout:has(.workspace-workbench)>section,.developer-layout .workspace-workbench,.workspace-workbench .editor-result{display:block!important;border:0;background:#fff;padding:0}
 .workspace-workbench #extra-output{color:#000;min-height:0;max-height:none;overflow:visible;font-size:10pt;white-space:pre-wrap;overflow-wrap:anywhere}
}

.workspace-graph{max-width:100%;max-height:480px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.workspace-graph svg{display:block;max-width:none}.workspace-graph:focus-visible{outline:3px solid #996200;outline-offset:3px}