.sf{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:1.75rem;padding:1.25rem 0 3rem;display:grid}.sf-main{gap:.75rem;min-width:0;display:grid}.sf-patternbar{background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:var(--radius);align-items:center;gap:.4rem;padding:.5rem .75rem;display:flex}.sf-patternbar:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-1px}.sf-slash{color:var(--text-faint);font:1.15rem var(--mono)}.sf-pattern{font:1.02rem var(--mono);background:0 0;border:0;flex:1;min-width:0;padding:.15rem 0}.sf-pattern:focus{outline:none}.sf-flags{flex-wrap:wrap;gap:.3rem;display:flex}.sf-flag{cursor:pointer;border:1px solid var(--rule);background:var(--paper-raised);font:.76rem var(--sans);color:var(--text-soft);border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .6rem;display:inline-flex}.sf-flag code{font:700 .8rem var(--mono)}.sf-flag:hover{border-color:var(--accent)}.sf-flag.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.sf-status{font:.82rem var(--mono);min-height:1.2rem;margin:0}.sf-status[data-state=ok]{color:var(--good)}.sf-status[data-state=error]{color:var(--danger)}.sf-status[data-state=none],.sf-status[data-state=idle]{color:var(--text-faint)}.sf-field{gap:.3rem;display:grid}.sf-field__label{font:600 .75rem var(--sans);color:var(--text-soft)}.sf-sample{font:.9rem/1.6 var(--mono);resize:vertical}.sf-tabs{border-bottom:1px solid var(--rule);gap:.25rem;display:flex}.sf-tab{cursor:pointer;font:600 .85rem var(--sans);color:var(--text-soft);background:0 0;border:0;border-bottom:2px solid #0000;padding:.5rem .75rem}.sf-tab:hover{color:var(--text)}.sf-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.sf-panel{gap:.75rem;display:grid}.sf-highlight{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);font:.88rem/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:22rem;margin:0;padding:.75rem;overflow-y:auto}.sf-mark{background:color-mix(in srgb, var(--accent) 28%, transparent);color:inherit;border-radius:2px;padding:.05em 0}.sf-mark:nth-of-type(2n){background:color-mix(in srgb, var(--accent) 15%, transparent)}.sf-groups{gap:.5rem;max-height:20rem;display:grid;overflow-y:auto}.sf-group-row{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.55rem .7rem}.sf-group-row>strong{font:600 .8rem var(--mono);color:var(--text-soft);margin-bottom:.35rem;display:block}.sf-group-table{grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:0;display:grid}.sf-group-table dt{font:600 .76rem var(--mono);color:var(--accent)}.sf-group-table dd{font:.82rem var(--mono);overflow-wrap:anywhere;margin:0}.sf-group-table dd[data-empty]{color:var(--text-faint);font-style:italic}.sf-result-head{justify-content:space-between;align-items:center;display:flex}.sf-explain{gap:.25rem;display:grid}.sf-explain-row{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);grid-template-columns:minmax(4rem,auto) 1fr;align-items:baseline;gap:.75rem;padding:.4rem .6rem;display:grid}.sf-explain-row code{font:700 .85rem var(--mono);color:var(--accent);background:var(--accent-soft);overflow-wrap:anywhere;border-radius:3px;padding:.1em .35em}.sf-explain-row span{color:var(--text-soft);font-size:.86rem}.sf-side{top:calc(var(--header-h) + 1rem);align-content:start;gap:.5rem;display:grid;position:sticky}.sf-subhead{font:600 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:.5rem 0 .15rem}.sf-presets,.sf-savedlist{gap:.3rem;display:grid}.sf-preset{text-align:left;cursor:pointer;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);gap:.1rem;padding:.5rem .6rem;display:grid}.sf-preset:hover{border-color:var(--accent)}.sf-preset strong{font-size:.85rem}.sf-preset span{color:var(--text-faint);font-size:.72rem;line-height:1.4}.sf-saved-row{grid-template-columns:1fr auto;align-items:center;gap:.25rem;display:grid}.sf-saved-open{text-align:left;cursor:pointer;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);gap:.1rem;min-width:0;padding:.45rem .6rem;display:grid}.sf-saved-open:hover{border-color:var(--accent)}.sf-saved-open strong{font-size:.84rem}.sf-saved-open code{font:.72rem var(--mono);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-saved-remove{cursor:pointer;color:var(--text-faint);background:0 0;border:0;padding:.2rem .3rem;font-size:1rem}.sf-saved-remove:hover{color:var(--danger)}.sf-note{color:var(--text-faint);margin:0;font-size:.78rem;line-height:1.5}@media (width<=940px){.sf{grid-template-columns:1fr}.sf-side{position:static}}