.cvg-wrap{display:flex;flex-direction:column;gap:1rem}.cvg-prefix-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.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{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:160px;flex-shrink:0}.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{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}.cvg-output-header{display:flex;justify-content:space-between;align-items:center}.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-x:auto;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:640px){.cvg-remove-btn{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}}@media(max-width:480px){.cvg-token-name{width:100px}}