.sf{--sf-line:22px;--sf-code:14px;--sf-k:#9fd0ff;--sf-f:#ffcf8a;--sf-t:#c7b8ff;--sf-s:#8ee6b8;--sf-n:#ffb36b;--sf-c:#8b94b6;--sf-i:#7fe0e8;--sf-p:#ff9fb3}:root[data-theme=light] .sf{--sf-k:#1b4fd1;--sf-f:#8a4b00;--sf-t:#5b3fc4;--sf-s:#0f7a52;--sf-n:#a8460c;--sf-c:#5c6488;--sf-i:#0b6b75;--sf-p:#b0224a}.sf-opts{align-items:flex-start}.sf-group{border-top:1px solid var(--line);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:12px 20px;padding-top:14px;display:flex}.sf-group[hidden]{display:none}.sf-field{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.sf-field>label{font-size:.95rem;font-weight:650}.sf-field select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);height:42px;color:var(--ink);max-width:100%;padding:0 12px}.sf-field select:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.sf-check{cursor:pointer;align-items:center;gap:8px;min-height:36px;font-size:.95rem;font-weight:600;display:inline-flex}.sf-check input{width:18px;height:18px;accent-color:var(--electric)}.sf-note{color:var(--muted);margin:0;font-size:.88rem}.sf-more{flex-basis:100%}.sf-more summary{width:max-content;color:var(--accent-text);cursor:pointer;padding:4px 0;font-weight:650}.sf-more summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.sf-more-body{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:12px;display:flex}.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sf-pane{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--edge);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.sf-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:58px;padding:10px 12px;display:flex}.sf-label{font-weight:650}.sf-size{font-family:var(--font-mono);color:var(--muted);font-size:.75rem}.sf-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.sf-btn{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.sf-btn[disabled]{opacity:.45;cursor:not-allowed}.sf-btn:focus-visible,.sf-actions input:focus-visible+.sf-btn{outline:3px solid var(--focus);outline-offset:2px}.sf-editor{grid-template-columns:auto minmax(0,1fr);min-height:0;display:grid}.sf-editor.is-over{outline:2px dashed var(--sky);outline-offset:-6px}.sf-gutter{border-right:1px solid var(--line);background:var(--bg-soft);min-width:3.4em;padding:12px 10px 12px 12px;overflow:hidden}.sf-gutter pre{font:400 var(--sf-code) / var(--sf-line) var(--font-mono);color:var(--muted);text-align:right;will-change:transform;margin:0}.sf-gutter .err{color:var(--danger);font-weight:700}.sf textarea,.sf-out{width:100%;height:clamp(320px,58vh,640px);color:var(--ink);font-family:var(--font-mono);font-size:var(--sf-code);line-height:var(--sf-line);white-space:pre;tab-size:4;background:0 0;border:0;margin:0;padding:12px;display:block;overflow:auto}.sf textarea{resize:vertical}.sf textarea:focus-visible,.sf-out:focus-visible{box-shadow:inset 0 0 0 2px var(--sky);outline:none}.sf textarea::placeholder,.sf-empty{color:var(--muted)}.sf-out code{font:inherit}.sf-out code:not(:empty)+.sf-empty{display:none}.sf-k{color:var(--sf-k);font-weight:600}.sf-f{color:var(--sf-f)}.sf-t{color:var(--sf-t)}.sf-s{color:var(--sf-s)}.sf-n{color:var(--sf-n)}.sf-c{color:var(--sf-c);font-style:italic}.sf-i{color:var(--sf-i)}.sf-p{color:var(--sf-p)}.sf.is-working .sf-out{opacity:.6}@media (hover:none){.sf{--sf-code:16px;--sf-line:24px}}.sf-status{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink-2);gap:10px;padding:12px 16px;font-size:.95rem;display:grid}.sf-status.sf-ok{border-color:color-mix(in srgb, var(--success) 45%, transparent);background:radial-gradient(80% 140% at 0% 0%, var(--success-soft), transparent 70%), var(--surface)}.sf-status.sf-bad{border-color:color-mix(in srgb, var(--danger) 55%, transparent);background:radial-gradient(80% 140% at 0% 0%, var(--danger-soft), transparent 70%), var(--surface)}.sf-status p{margin:0}.sf-verdict{color:var(--ink);align-items:flex-start;gap:10px;font-weight:600;display:flex}.sf-verdict svg{flex:none;margin-top:2px}.sf-ok .sf-verdict svg{color:var(--success)}.sf-bad .sf-verdict svg{color:var(--danger)}.sf-where{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--danger);font-size:.8rem}.sf-facts{color:var(--muted);font-size:.88rem}.sf-snippet{border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--line);font:400 .85rem / 1.5 var(--font-mono);white-space:pre;margin:0;padding:10px 12px;overflow-x:auto}.sf-snippet .ln{color:var(--muted);user-select:none}.sf-snippet .caret{color:var(--danger);font-weight:700}.sf-status .chip-btn{justify-self:start;align-items:center;gap:6px;display:inline-flex}@media (width<=900px){.sf-grid{grid-template-columns:minmax(0,1fr)}.sf textarea,.sf-out{height:clamp(220px,40vh,420px)}}@media (width<=640px){.sf-opts .seg{flex-basis:100%;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.sf-opts .seg label{white-space:nowrap;min-height:44px;padding:0 8px}.sf-field{flex-basis:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);display:grid}.sf-field select{width:100%;height:44px}.sf-check{flex-basis:100%;min-height:44px}.sf-more summary{padding:10px 0}.sf-head{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;display:grid}.sf-actions{grid-column:1/-1;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;margin:0;display:grid}.sf-btn,.sf-status .chip-btn{justify-content:center;min-height:44px;padding:0 10px}.sf-status .chip-btn{justify-self:stretch}}@media (width<=400px){.sf-opts .seg label,.sf-btn{padding:0 6px;font-size:.86rem}.sf-actions .sf-btn svg{display:none}}