.cf{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.cf-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.75rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem}.cf-bar__left{display:flex;align-items:center;gap:.75rem}.cf-bar__profile{display:inline-flex;align-items:center;gap:.5rem}.cf-bar__label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.cf-bar__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.cf-bar__spacer{flex:1 1 .5rem;min-width:.5rem}.cf select,.cf input[type=text],.cf input:not([type]){font:inherit;font-size:.9rem;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:.45rem;padding:.35rem .5rem}.cf select:focus-visible,.cf input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cf-btn{font-family:var(--font-body);font-size:.82rem;color:var(--text-muted);background:var(--bg-soft);border:1px solid var(--border);border-radius:.5rem;padding:.35rem .7rem;cursor:pointer;transition:color .12s,border-color .12s}.cf-btn:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.cf-btn:disabled{opacity:.45;cursor:default}.cf-btn--run{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent);font-weight:600}.cf-btn--run:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-contrast)}.cf-unsaved{color:#f0bd5c;font-size:.8rem;font-family:var(--font-mono)}.cf-last{color:var(--text-faint);font-size:.8rem;font-family:var(--font-mono);white-space:nowrap;margin-right:.6rem}.cf-note{color:var(--text-faint);font-size:.8rem;margin:0}.cf-options{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:0 1rem 1rem}.cf-options>summary{cursor:pointer;padding:.8rem 0;font-family:var(--font-head);font-weight:600;color:var(--text);list-style-position:inside}.cf-options__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.cf-fields{border:1px solid var(--border-soft);border-radius:.6rem;padding:.75rem .9rem .9rem;margin:0;display:flex;flex-direction:column;gap:.6rem}.cf-fields legend{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:0 .35rem}.cf-field{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.9rem;color:var(--text-muted)}.cf-field>span{flex-shrink:0}.cf-field select,.cf-field input{min-width:0}.cf-check{display:flex;align-items:center;gap:.55rem;font-size:.9rem;color:var(--text-muted);cursor:pointer}.cf-check input{accent-color:var(--accent);width:1rem;height:1rem}.cf-hint{color:var(--text-faint);font-size:.8rem;margin:0}.cf-tunnel{margin-top:1rem}.cf-tunnel__rows{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.cf-tunnel__rows .cf-field input{flex:1}.cf code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:.3rem;padding:0 .3rem}.cf-keylist{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.cf-keyitem{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:.45rem;cursor:grab}.cf-keyitem:active{cursor:grabbing}.cf-grip{color:var(--text-faint);font-size:.85rem}.cf-keyname{flex:1;font-family:var(--font-mono);font-size:.85rem;color:var(--text)}.cf-keyactions{display:flex;gap:.2rem}.cf-mini{width:1.5rem;height:1.5rem;display:grid;place-items:center;font-size:.85rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:.35rem;cursor:pointer}.cf-mini:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.cf-mini:disabled{opacity:.35;cursor:default}.cf-addkey{display:flex;gap:.4rem;margin-top:.5rem}.cf-addkey input{flex:1}.cf-panes{display:flex;flex-direction:column;gap:1rem}.cf-pane{display:flex;flex-direction:column;min-width:0}.cf-pane--input .cf-editor{height:clamp(14rem,28vh,22rem)}.cf-pane--output .cf-editor{height:auto;min-height:22rem}.cf-pane__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2rem;padding:0 .2rem .4rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.cf-pane__actions{display:flex;gap:.35rem}.cf-editor{height:clamp(24rem,58vh,46rem);margin:0;width:100%;box-sizing:border-box;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:#e7e9ee;background:#0f1115;border:1px solid #262a33;border-radius:.7rem;padding:.9rem 1rem;overflow:auto;tab-size:2}.cf-editor:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cf-output{margin:0;white-space:pre}.cf-output code{font:inherit;background:none;border:none;padding:0}.cf-codeinput{position:relative;padding:0;overflow:hidden}.cf-codeinput__hl,.cf-codeinput__ta{position:absolute;inset:0;margin:0;box-sizing:border-box;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;padding:.9rem 1rem;border:0;white-space:pre;overflow:auto;tab-size:2}.cf-codeinput__hl{color:#e7e9ee;background:transparent;pointer-events:none;z-index:0;overflow:hidden}.cf-codeinput__hl code{font:inherit;background:none;border:0;padding:0}.cf-codeinput__ta{color:transparent;background:transparent;caret-color:#e7e9ee;resize:none;z-index:1;outline:none}.cf-codeinput__ta::placeholder{color:var(--text-faint)}.cf-codeinput__ta::selection{background:#58a6ff59}.cf-codeinput:focus-within{outline:2px solid var(--accent);outline-offset:1px}.cf-output .hljs-attr{color:#79c0ff}.cf-output .hljs-string{color:#a5d6ff}.cf-output .hljs-number,.cf-output .hljs-literal{color:#f0883e}.cf-output .hljs-comment{color:#8b949e;font-style:italic}.cf-output .hljs-bullet{color:#7ee787}.cf-output .hljs-meta{color:#d2a8ff}.cf-viewtoggle{display:inline-flex;gap:.15rem}.cf-viewtoggle button{font-family:var(--font-mono);font-size:.72rem;text-transform:none;letter-spacing:0;color:var(--text-faint);background:none;border:1px solid transparent;border-radius:.35rem;padding:.1rem .45rem;cursor:pointer}.cf-viewtoggle button:hover{color:var(--text-muted)}.cf-viewtoggle button.is-active{color:var(--text);border-color:var(--border);background:var(--bg-soft)}.cf-diff{display:block;padding-left:calc(1rem - 1.5ch)}.cf-diffline{white-space:pre;min-width:100%;width:max-content;padding-right:.6rem}.cf-diffsign{display:inline-block;width:1.5ch;user-select:none;opacity:.6}.cf-diffline--add{background:color-mix(in oklab,#3fb950 22%,transparent);color:#b7f0c2}.cf-diffline--del{background:color-mix(in oklab,#ef4b57 22%,transparent);color:#ffc2c7}.cf-diffline--ctx{color:#8b949e}.cf-copy{font-family:var(--font-body);font-size:.72rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:.4rem;padding:.15rem .5rem;cursor:pointer}.cf-copy:hover{color:var(--text);border-color:var(--accent)}.cf-copy.copied{color:#3fb950;border-color:#238636}.cf-error{font-family:var(--font-mono);font-size:.82rem;color:#ff8088;background:color-mix(in oklab,#ef4b57 12%,var(--bg));border:1px solid color-mix(in oklab,#ef4b57 32%,transparent);border-radius:.5rem;padding:.55rem .75rem;margin-bottom:.5rem}@media(max-width:900px){.cf-options__grid{grid-template-columns:1fr}}