.cb{--cb-line:22px;--cb-code:14px}.cb-opts{align-items:flex-start}.cb-group{border-top:1px solid var(--line);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:12px 20px;padding-top:14px;display:flex}.cb-group[hidden],.cb [data-need][hidden]{display:none}.cb-field{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.cb-field>label{font-size:.95rem;font-weight:650}.cb-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}.cb-field select:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.cb-detected{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);font-size:.75rem}.cb-check{cursor:pointer;align-items:center;gap:8px;min-height:36px;font-size:.95rem;font-weight:600;display:inline-flex}.cb-check input{width:18px;height:18px;accent-color:var(--electric)}.cb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cb-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}.cb-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:58px;padding:10px 12px;display:flex}.cb-label{font-weight:650}.cb-size{font-family:var(--font-mono);color:var(--muted);font-size:.75rem}.cb-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.cb-btn{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.cb-btn[disabled]{opacity:.45;cursor:not-allowed}.cb-btn:focus-visible,.cb-actions input:focus-visible+.cb-btn{outline:3px solid var(--focus);outline-offset:2px}.cb-editor{grid-template-columns:auto minmax(0,1fr);min-height:0;display:grid}.cb-editor.is-over{outline:2px dashed var(--sky);outline-offset:-6px}.cb-gutter{border-right:1px solid var(--line);background:var(--bg-soft);min-width:3.4em;padding:12px 10px 12px 12px;overflow:hidden}.cb-gutter pre{font:400 var(--cb-code) / var(--cb-line) var(--font-mono);color:var(--muted);text-align:right;will-change:transform;margin:0}.cb-gutter .err{color:var(--danger);font-weight:700}.cb textarea{resize:vertical;width:100%;height:clamp(320px,58vh,640px);color:var(--ink);font-family:var(--font-mono);font-size:var(--cb-code);line-height:var(--cb-line);white-space:pre;tab-size:4;background:0 0;border:0;margin:0;padding:12px;display:block;overflow:auto}.cb textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--sky);border-radius:0;outline:none}.cb textarea::placeholder{color:var(--muted)}.cb.is-working [data-output]{opacity:.6}@media (hover:none){.cb{--cb-code:16px;--cb-line:24px}}.cb-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}.cb-status.cb-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)}.cb-status.cb-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)}.cb-status p{margin:0}.cb-verdict{color:var(--ink);align-items:flex-start;gap:10px;font-weight:600;display:flex}.cb-verdict svg{flex:none;margin-top:2px}.cb-ok .cb-verdict svg{color:var(--success)}.cb-bad .cb-verdict svg{color:var(--danger)}.cb-saved{font-family:var(--font-display);color:var(--success);font-weight:700}.cb-where{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--danger);font-size:.8rem}.cb-facts,.cb-detail{color:var(--muted);font-size:.88rem}.cb-detail code{font-family:var(--font-mono);font-size:.82rem}.cb-warn{font-size:.9rem}.cb-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}.cb-snippet .ln{color:var(--muted);user-select:none}.cb-snippet .caret{color:var(--danger);font-weight:700}.cb-status .chip-btn{justify-self:start;align-items:center;gap:6px;display:inline-flex}@media (width<=900px){.cb-grid{grid-template-columns:minmax(0,1fr)}.cb textarea{height:clamp(220px,40vh,420px)}}@media (width<=640px){.cb-opts .seg{flex-basis:100%;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.cb-opts .seg label{white-space:nowrap;min-height:44px;padding:0 8px}.cb-field{flex-basis:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);display:grid}.cb-field select{width:100%;height:44px}.cb-detected{grid-column:1/-1}.cb-check{flex-basis:100%;min-height:44px}.cb-group{gap:10px}.cb-head{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;display:grid}.cb-actions{grid-column:1/-1;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;margin:0;display:grid}.cb-btn,.cb-status .chip-btn{justify-content:center;min-height:44px;padding:0 10px}.cb-status .chip-btn{justify-self:stretch}}@media (width<=400px){.cb-opts .seg label,.cb-btn{padding:0 6px;font-size:.86rem}.cb-actions .cb-btn svg{display:none}}