.cc-tool{gap:1.25rem}.cc-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cc-pair-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.cc-pair-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.cc-swap{margin-top:1.9rem;width:40px!important;height:40px!important}.cc-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.cc-field-row{align-items:center;gap:.5rem;min-width:0;display:flex}.cc-field-row .ui-icon-btn{width:40px;height:40px}.cc-input.ui-input{font-family:var(--font-mono);min-height:44px}.cc-swatch{border-radius:var(--radius-sm);width:56px;height:56px;color:var(--accent-red);cursor:pointer;background-image:none;flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #7f7f7f59}.cc-field--compact .cc-swatch{width:44px;height:44px}.cc-swatch:focus-within{outline:2px solid var(--accent-indigo);outline-offset:2px}.cc-native{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.cc-preview{border-radius:var(--radius-lg);flex-direction:column;gap:.6rem;padding:1.5rem;display:flex;box-shadow:inset 0 0 0 1px #7f7f7f4d}.cc-preview p{margin:0}.cc-preview-large{font-size:24px;line-height:1.3}.cc-preview-bold{font-size:18.66px;font-weight:700;line-height:1.3}.cc-preview-normal{font-size:16px;line-height:1.5}.cc-preview-ui{align-items:center;gap:1rem;margin-top:.25rem;display:flex}.cc-preview-button{border-radius:var(--radius-sm);border:2px solid;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:14px;font-weight:600;display:inline-flex}.cc-checks td,.cc-checks th{white-space:normal}.cc-chip{background:var(--bg-card-solid)}.cc-suggest{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.cc-heading{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:700}.cc-suggest ul{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.cc-suggest li{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.cc-suggest-label{min-width:9.5rem;color:var(--text-secondary);font-weight:600}.cc-suggest code{font:.85rem var(--font-mono)}.cc-suggest-ratio{color:var(--text-secondary);font-variant-numeric:tabular-nums}.cc-mini-swatch{vertical-align:middle;border-radius:4px;flex-shrink:0;width:1.1rem;height:1.1rem;display:inline-block;box-shadow:inset 0 0 0 1px #7f7f7f66}.cc-palette-inputs{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.9rem 1rem;display:grid}.cc-palette-actions{flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;display:flex}.cc-paste{flex-direction:column;gap:.35rem;min-width:min(100%,20rem);display:flex}.cc-matrix{border-collapse:separate;border-spacing:0;color:var(--text-primary);font-size:.8rem}.cc-matrix th{background:var(--bg-card-solid);color:var(--text-secondary);white-space:nowrap;text-align:left;border-bottom:1px solid var(--border-card);padding:.5rem .6rem;font-weight:600}.cc-matrix th code{color:var(--text-primary);font:.78rem var(--font-mono);margin-left:.35rem}.cc-matrix tbody th{z-index:1;border-right:1px solid var(--border-card);position:sticky;left:0}.cc-corner{font-size:.72rem}.cc-cell{border-bottom:1px solid var(--border-card);vertical-align:top;min-width:7.5rem;padding:.4rem}.cc-cell--same,.cc-cell--hidden{color:var(--text-secondary);text-align:center;vertical-align:middle}.cc-cell--hidden{background:repeating-linear-gradient(135deg, transparent 0 6px, var(--border-card) 6px 7px)}.cc-sample{border-radius:var(--radius-sm);place-items:center;height:46px;font-size:1.25rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #7f7f7f4d}.cc-cell-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem;margin-top:.35rem;display:flex}.cc-ratio{font-variant-numeric:tabular-nums;font-weight:700}@media (width<=900px){.cc-pair-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.cc-pair-inputs{grid-template-columns:minmax(0,1fr)}.cc-swap{margin:0 auto;transform:rotate(90deg)}.cc-preview{padding:1rem}.cc-suggest-label{min-width:100%}}.cc-tabs{align-self:flex-start}