/* Utility controls precede all editorial content. Inputs and output remain text. */
.utility-layout{display:grid;gap:24px;min-width:0}.utility-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;min-width:0}.utility-workbench>div{min-width:0}.utility-workbench .field{margin-block-end:18px}.utility-workbench input,.utility-workbench select,.utility-workbench textarea{max-width:100%;min-width:0}.utility-workbench input:not([type=checkbox]),.utility-workbench select{min-height:44px}.utility-workbench button{min-height:44px;white-space:normal;overflow-wrap:anywhere}.utility-workbench .help{text-align:start;overflow-wrap:anywhere}.utility-workbench .utility-check{display:flex;align-items:flex-start;gap:12px;min-height:44px;cursor:pointer;font-weight:400;line-height:1.6}.utility-check input[type=checkbox]{flex:0 0 20px;width:20px;min-height:20px;height:20px;margin:3px 0;accent-color:#135e50}.utility-check span{min-width:0}.utility-workbench .utility-output{min-height:150px;max-height:540px;margin-block:12px 18px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;direction:ltr;text-align:left;font:14px/1.65 ui-monospace,monospace;border:1px solid var(--line);border-radius:10px;padding:16px;background:#fff;color:#173b39}.utility-workbench .utility-output:empty::before{content:'Run the tool to see its output.';font-family:inherit;color:#58706b}.utility-workbench .error{overflow-wrap:anywhere}.utility-workbench .utility-status{min-height:24px;font-size:13px}.utility-workbench button:disabled{cursor:default}.utility-workbench :focus-visible,.utility-example pre:focus-visible{outline:3px solid #996200;outline-offset:3px}.utility-help p,.utility-help li,.utility-example p{overflow-wrap:anywhere}.utility-example{margin-block:24px}.utility-example pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;font:14px/1.65 ui-monospace,monospace;direction:ltr;text-align:left}.utility-help h2,.utility-example h2{font-size:22px}.utility-privacy{padding-block-start:16px;border-block-start:1px solid var(--line)}.utility-tasks{margin-block:36px}.utility-tasks>.grid{margin-block-start:20px}.utility-card .icon{font-size:20px}
@media(max-width:760px){.utility-workbench{grid-template-columns:minmax(0,1fr);gap:22px}.utility-workbench .actions button{flex:1 1 130px}.utility-workbench .utility-output{max-height:420px}.utility-layout>.panel{padding:20px}}
@media(max-width:360px){.utility-layout>.panel{padding:16px}.utility-workbench .actions{gap:8px}.utility-workbench .actions button{flex-basis:100%;width:100%}}