.cvg-wrap{display:flex;flex-direction:column;min-width:0;min-height:0}.cvg-body{display:grid;grid-template-columns:clamp(270px,24vw,320px) minmax(0,1fr);gap:1.5rem;flex:1 1 0;min-height:0}.cvg-rail{overflow:auto;padding-right:.3rem}.cvg-field-header,.cvg-copy-row,.cvg-token-help>span{display:flex;align-items:center;gap:.35rem;min-width:0}.cvg-field-header{flex-wrap:wrap}.cvg-prefix-row{flex-wrap:nowrap}.cvg-prefix-input{flex:1;min-width:0}.cvg-editor summary{cursor:pointer;padding:.5rem 0;min-height:44px;font-weight:600}.cvg-token-help{display:flex;flex-wrap:wrap;gap:.4rem .7rem;padding-bottom:.5rem;font-size:.78rem}.cvg-groups{max-height:28rem;overflow:auto}#cvg-copy{flex:1;min-width:0;height:44px;white-space:normal;line-height:1.2}#cvg-status{height:2.8em;flex:none;margin:0;overflow:auto}.cvg-empty{color:var(--color-text-muted);font-size:.9rem}.cvg-pre[hidden],.cvg-empty[hidden]{display:none}.cvg-wrap :focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.cvg-prefix-row{display:flex;align-items:center;gap:.6rem;flex-wrap:nowrap}.cvg-field-label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.cvg-prefix-input{font-family:var(--font-mono);font-size:.85rem;padding:.3rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text);width:160px}.cvg-prefix-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg)}.cvg-groups{display:flex;flex-direction:column;gap:.75rem}.cvg-group{flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.cvg-group-header{display:flex;justify-content:space-between;align-items:center;padding:.45rem .75rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.cvg-group-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.cvg-token-list{display:flex;flex-direction:column;gap:0}.cvg-token-row{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-bottom:1px solid var(--color-border)}.cvg-token-row:last-child{border-bottom:none}.cvg-token-row:hover{background:var(--color-bg-secondary)}.cvg-swatch{width:28px;height:28px;border:1px solid var(--color-border);border-radius:4px;padding:1px;cursor:pointer;background:none;flex-shrink:0}.cvg-token-name{font-family:var(--font-mono);font-size:.82rem;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);width:0;min-width:0;flex:1}.cvg-token-value{font-family:var(--font-mono);font-size:.82rem;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);flex:1;min-width:0}.cvg-token-name:focus,.cvg-token-value:focus{outline:none;border-color:var(--color-primary)}.cvg-remove-btn{min-width:24px;min-height:24px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;padding:0 .25rem;line-height:1;flex-shrink:0;border-radius:3px}.cvg-remove-btn:hover{color:#c0392b;background:#fee2e2}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cvg-remove-btn:hover{color:#fca5a5;background:#450a0a}}[data-theme=dark] .cvg-remove-btn:hover{color:#fca5a5;background:#450a0a}.cvg-output-section{display:flex;flex-direction:column;gap:.4rem;min-width:0;min-height:0}.cvg-output-label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.cvg-pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.85rem 1rem;overflow:auto;flex:1 1 0;min-height:220px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:var(--font-mono);font-size:.82rem;line-height:1.6}.cvg-code{font-family:inherit}.cvg-hl-sel{color:#7c3aed;font-weight:600}.cvg-hl-brace{color:var(--color-text-secondary)}.cvg-hl-var{color:#0369a1}.cvg-hl-colon{color:var(--color-text-secondary)}.cvg-hl-val{color:#057a55}.cvg-hl-semi{color:var(--color-text-secondary)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cvg-hl-sel{color:#a78bfa}:root:not([data-theme=light]) .cvg-hl-var{color:#38bdf8}:root:not([data-theme=light]) .cvg-hl-val{color:#34d399}}[data-theme=dark] .cvg-hl-sel{color:#a78bfa}[data-theme=dark] .cvg-hl-var{color:#38bdf8}[data-theme=dark] .cvg-hl-val{color:#34d399}@media(max-width:860px){.cvg-body{display:flex;flex-direction:column;flex:none;gap:.7rem}.cvg-rail{overflow:visible;padding-right:0;gap:.5rem}.cvg-pre{height:20rem;min-height:0;flex:none}.cvg-output-section[data-empty=true]{display:none}}@media(max-width:640px){.cvg-prefix-input{min-height:44px}.cvg-token-name,.cvg-token-value{min-height:32px}.cvg-groups{max-height:18rem}.cvg-pre{height:15rem}.cvg-remove-btn{display:inline-flex;align-items:center;justify-content:center}}