[data-heading-scale]{border:1px solid #cbd5e1;background:#f8fafc;color:#172336;padding:18px;margin-block:24px;max-width:100%;min-width:0}
[data-heading-scale] .hs-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
[data-heading-scale] label{display:grid;gap:6px;font-size:15px;line-height:1.6}
[data-heading-scale] select,[data-heading-scale] button{font:inherit;color:#172336;background:#fff;border:1px solid #94a3b8;border-radius:4px;padding:8px;max-width:100%}
[data-heading-scale] :is(button,select,textarea):focus-visible{outline:3px solid #2563eb;outline-offset:3px}
[data-heading-scale] .hs-frame{margin:18px auto;max-width:100%;border:1px solid #94a3b8;background:#fff}
[data-heading-scale] iframe{display:block;width:100%;height:620px;border:0;max-width:100%}
[data-heading-scale] textarea{display:block;width:100%;min-height:180px;resize:vertical;font:13px/1.6 ui-monospace,monospace;background:#fff;color:#172336;padding:12px;border:1px solid #94a3b8;white-space:pre;overflow:auto;box-sizing:border-box}
[data-heading-scale] details{margin-block:14px}
[data-heading-scale] summary{cursor:pointer;font-weight:700;padding-block:8px}
[data-heading-scale] .hs-status{min-height:1.8em;font-size:14px;overflow-wrap:anywhere}