.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}.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:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.cf-pane{display:flex;flex-direction:column;min-width:0}.cf-pane__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .2rem .4rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.cf-editor{flex:1;min-height:26rem;width:100%;box-sizing:border-box;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:var(--text);background:var(--code-bg);border:1px solid var(--border);border-radius:.7rem;padding:.9rem 1rem;resize:vertical;tab-size:2}textarea.cf-editor{white-space:pre;overflow:auto}.cf-editor:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cf-output{margin:0;overflow:auto;white-space:pre}.cf-output code{font:inherit;background:none;border:none;padding:0}.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,.cf-panes{grid-template-columns:1fr}.cf-editor{min-height:18rem}}