.html-formatter-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.html-options{position:relative}.html-options>summary{min-height:36px;padding:0 var(--space-3);color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--line);cursor:pointer;align-items:center;display:flex}.html-options>summary::-webkit-details-marker{display:none}.html-option-fields{z-index:3;min-width:260px;margin-top:var(--space-2);padding:var(--space-3);gap:var(--space-3);background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--shadow-raised);display:grid;position:absolute;inset-inline-end:0}.html-option-fields label{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--muted);font-size:12px;display:flex}.html-option-fields select,.html-option-fields input{width:112px;height:36px;padding:0 var(--space-3);color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--line);border:0}.html-formatter.has-stale-result [data-output]{opacity:.7}.html-stale-notice,.html-scope-notice{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.html-stale-notice{padding:var(--space-2) var(--space-4);border-top:1px solid var(--line)}.html-stale-notice[hidden]{display:none}.html-scope-notice{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line)}@media (width<=680px){.html-formatter-topbar{align-items:stretch}.html-formatter-topbar>.primary-button,.html-options>summary,.html-option-fields select,.html-option-fields input{min-height:44px}.html-options{margin-inline-start:auto}.html-option-fields{max-width:calc(100vw - 32px)}}