/* HAR to OpenAPI (141f). Site tokens only. */
.ho-tool { max-width: 1100px; min-width: 0; }
.tool-ui .ho-lede { color: var(--color-muted); font-size: .92rem; margin: -.5rem 0 .75rem; }
.ho-drop { border: 2px dashed var(--color-border); border-radius: var(--radius-panel); padding: 1rem; background: var(--color-surface); }
.ho-drop.is-over { border-color: var(--color-link); }
.ho-drop input[type=file] { max-width: 100%; }
.tool-ui .ho-hint { margin: .5rem 0 0; color: var(--color-muted); display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.ho-hint button { padding: 10px 16px; }
.ho-status:empty { display: none; }
.ho-summary { font-weight: 700; font-variant-numeric: tabular-nums; }
.tool-ui .ho-cleaned { color: var(--color-muted); font-size: .9rem; margin: .25rem 0 0; }
.ho-options { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .5rem 1.25rem; margin: 1rem 0 .5rem; border: 1px solid var(--line); border-radius: 7px; padding: .5rem .9rem .75rem; min-width: 0; }
.ho-options > div { flex: 1 1 14rem; min-width: 0; }
.ho-options label { font-size: .9rem; }
.ho-options select { width: 100%; min-height: 44px; margin: .15rem 0 0; }
.ho-check { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; cursor: pointer; }
.ho-check input { width: 1.15rem; height: 1.15rem; margin: 0; }
.ho-empty { color: var(--color-muted); }
.tool-ui .ho-h { font-size: 1.1rem; margin: 1.25rem 0 .4rem; overflow-wrap: anywhere; }
.ho-pre { margin: 0; max-height: 26rem; overflow: auto; white-space: pre; font-size: .82rem; background: var(--color-surface); border: 1px solid var(--line); border-radius: 7px; padding: .6rem .75rem; }
.ho-pre:focus-visible { outline: 2px solid var(--color-link); outline-offset: 2px; }
.ho-out { margin: 1rem 0 1.5rem; min-width: 0; }
.ho-format { display: flex; gap: 1.25rem; }
.ho-spec { display: block; width: 100%; box-sizing: border-box; min-height: 16rem; font: .82rem/1.45 var(--font-label); white-space: pre; overflow: auto; resize: vertical; background: var(--color-surface); color: var(--color-text); border: 1px solid var(--line); border-radius: 7px; padding: .6rem .75rem; }
.ho-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; margin-top: .6rem; }
.ho-actions button, .ho-actions .button { min-height: 44px; }
.ho-actions .button { display: inline-flex; align-items: center; }
.ho-copied { color: var(--color-muted); font-size: .9rem; }
.ho-export { margin: 1.5rem 0; }