.sf{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:1.75rem;padding:1.25rem 0 3rem;align-items:start}.sf-main{display:grid;gap:.75rem;min-width:0}.sf-patternbar{display:flex;align-items:center;gap:.4rem;background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:.5rem .75rem}.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{flex:1;border:0;background:none;font:1.02rem var(--mono);padding:.15rem 0;min-width:0}.sf-pattern:focus{outline:none}.sf-flags{display:flex;flex-wrap:wrap;gap:.3rem}.sf-flag{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;border:1px solid var(--rule);border-radius:999px;background:var(--paper-raised);padding:.28rem .6rem;font:.76rem var(--sans);color:var(--text-soft)}.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{margin:0;font:.82rem var(--mono);min-height:1.2rem}.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{display:grid;gap:.3rem}.sf-field__label{font:600 .75rem var(--sans);color:var(--text-soft)}.sf-sample{font:.9rem/1.6 var(--mono);resize:vertical}.sf-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--rule)}.sf-tab{background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;font:600 .85rem var(--sans);color:var(--text-soft);padding:.5rem .75rem}.sf-tab:hover{color:var(--text)}.sf-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.sf-panel{display:grid;gap:.75rem}.sf-highlight{margin:0;padding:.75rem;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;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{display:grid;gap:.5rem;max-height:20rem;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{display:block;font:600 .8rem var(--mono);color:var(--text-soft);margin-bottom:.35rem}.sf-group-table{display:grid;grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:0}.sf-group-table dt{font:600 .76rem var(--mono);color:var(--accent)}.sf-group-table dd{margin:0;font:.82rem var(--mono);overflow-wrap:anywhere}.sf-group-table dd[data-empty]{color:var(--text-faint);font-style:italic}.sf-result-head{display:flex;justify-content:space-between;align-items:center}.sf-explain{display:grid;gap:.25rem}.sf-explain-row{display:grid;grid-template-columns:minmax(4rem,auto) 1fr;gap:.75rem;align-items:baseline;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.4rem .6rem}.sf-explain-row code{font:700 .85rem var(--mono);color:var(--accent);background:var(--accent-soft);padding:.1em .35em;border-radius:3px;overflow-wrap:anywhere}.sf-explain-row span{font-size:.86rem;color:var(--text-soft)}.sf-side{display:grid;gap:.5rem;align-content:start;position:sticky;top:calc(var(--header-h) + 1rem)}.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{display:grid;gap:.3rem}.sf-preset{display:grid;gap:.1rem;text-align:left;cursor:pointer;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.5rem .6rem}.sf-preset:hover{border-color:var(--accent)}.sf-preset strong{font-size:.85rem}.sf-preset span{font-size:.72rem;color:var(--text-faint);line-height:1.4}.sf-saved-row{display:grid;grid-template-columns:1fr auto;gap:.25rem;align-items:center}.sf-saved-open{display:grid;gap:.1rem;text-align:left;cursor:pointer;min-width:0;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.45rem .6rem}.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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-saved-remove{background:none;border:0;cursor:pointer;color:var(--text-faint);font-size:1rem;padding:.2rem .3rem}.sf-saved-remove:hover{color:var(--danger)}.sf-note{margin:0;font-size:.78rem;color:var(--text-faint);line-height:1.5}@media(max-width:940px){.sf{grid-template-columns:1fr}.sf-side{position:static}}