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