.workflow-api{margin-block:3rem;border-top:1px solid currentColor;padding-block:2rem}.workflow-api textarea{display:block;width:100%;box-sizing:border-box;max-width:100%;padding:1rem;font: .88rem/1.5 ui-monospace,monospace;background:var(--paper,#fff);color:var(--ink,#17291f);border:1px solid currentColor}.workflow-api pre{white-space:pre-wrap;overflow-wrap:anywhere;font:.88rem/1.5 ui-monospace,monospace}.api-table{overflow:auto}.workflow-api table{border-collapse:collapse;width:100%;font-size:.9rem}.workflow-api td,.workflow-api th{text-align:left;padding:.6rem;border-bottom:1px solid currentColor}.workflow-api button{margin-block:1rem}.workflow-api :focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(prefers-reduced-motion:no-preference){.workflow-api button{transition:scale 150ms ease-out}.workflow-api button:enabled:active{scale:.96}}

#workflow-api-offer{margin:clamp(2rem,6vw,6rem) auto;padding:clamp(1rem,4vw,3rem);max-width:65rem;border-block:1px solid currentColor}
#workflow-api-offer h2,.workflow-api h2{font-size:clamp(1.6rem,3.5vw,3rem);line-height:1.15;max-width:25ch}
#workflow-api-offer p{max-width:65ch}
.workflow-api details{margin-block:1.5rem}
.workflow-api pre:empty{display:none}
#api-playground button{background:transparent;color:inherit;border:1px solid currentColor;padding:.8rem 1rem;max-width:100%;white-space:normal;line-height:1.4;transform:none;opacity:1}@media (hover: hover){#api-playground button:hover{background:transparent;color:inherit;border:1px solid currentColor;padding:.8rem 1rem;max-width:100%;white-space:normal;line-height:1.4;transform:none;opacity:1}}
#api-playground button:disabled{opacity:.6;cursor:wait}
.workflow-api{scroll-margin-top:7rem}
.workflow-api code{overflow-wrap:anywhere}

/* Integration controls */
.api-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1rem}#api-playground .api-actions button{margin:0;font-size:.85rem;padding:.65rem .8rem}#api-playground textarea[aria-invalid="true"]{outline:2px solid currentColor;outline-offset:3px}#api-integration-files pre{padding:1rem;border:1px solid currentColor;overflow-wrap:anywhere}.api-actions button:disabled{opacity:.45;cursor:not-allowed}#api-integration-files{margin-block:1.5rem}.api-actions{scroll-margin-top:5rem}

/* Local request import: native file picker, no extra motion. */
#api-playground .api-import{margin-block:1.2rem;padding-block:1rem;border-block:1px solid currentColor}#api-playground .api-import label{display:block;font-weight:600;margin-bottom:.5rem}#api-load-request{display:block;width:100%;max-width:100%;box-sizing:border-box;font:inherit;color:inherit;min-height:44px}#api-import-help{font-size:.85rem;line-height:1.5;max-width:65ch}#api-load-request::file-selector-button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:2px;padding:.65rem .8rem;margin:0 .6rem .4rem 0;min-height:44px;cursor:pointer}