:root{--cac-bg:#f8fafc;--cac-surface:#fff;--cac-border:#e2e8f0;--cac-text:#0f172a;--cac-muted:#64748b;--cac-pass:#059669;--cac-fail:#dc2626;--cac-warn:#ca8a04;--cac-radius:12px;--cac-radius-sm:6px;--cac-focus:0 0 0 2px #0f172a;}
.bmc-color .container{--text-muted:var(--cac-muted);}
.cac-tool{margin-bottom:2rem;}
.cac-card-full{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:0;background:var(--cac-surface);border:1px solid var(--cac-border);border-radius:var(--cac-radius);overflow:hidden;}
.cac-col-left{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;min-width:0;border-right:1px solid var(--cac-border);}
.cac-col-right{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;min-width:0;}
.cac-inputs{display:flex;flex-direction:column;gap:1.25rem;}
.cac-pair{display:flex;flex-direction:column;gap:0.375rem;}
.cac-label{font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--cac-muted);}
.cac-input-row{display:flex;align-items:center;gap:0.75rem;}
.cac-well{width:44px;height:44px;min-width:44px;padding:2px;border:1px solid var(--cac-border);border-radius:var(--cac-radius-sm);background:var(--cac-bg);cursor:pointer;}
.cac-well:focus{outline:none;box-shadow:var(--cac-focus);}
.cac-hex{flex:1;min-width:0;padding:0.5rem 0.75rem;font-size:0.875rem;font-family:ui-monospace,monospace;background:var(--cac-bg);border:1px solid var(--cac-border);border-radius:var(--cac-radius-sm);color:var(--cac-text);}
.cac-hex:focus{outline:none;border-color:var(--cac-text);}
.cac-preview-wrap{position:relative;border-radius:var(--cac-radius-sm);overflow:hidden;}
.cac-preview{min-height:72px;padding:1rem 1.25rem;display:flex;align-items:center;transition:background-color 0.15s,color 0.15s;}
.cac-preview-text{font-size:1rem;font-weight:500;}
.cac-ratio-badge{position:absolute;top:0.5rem;right:0.5rem;padding:0.25rem 0.5rem;font-size:0.75rem;font-weight:700;border-radius:999px;}
.cac-ratio-badge.ratio-aaa{background:var(--cac-pass);color:#fff;}
.cac-ratio-badge.ratio-aa{background:var(--cac-warn);color:#fff;}
.cac-ratio-badge.ratio-fail{background:var(--cac-fail);color:#fff;}
.cac-result{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5rem 1rem;}
.cac-ratio-num{font-size:1.75rem;font-weight:700;letter-spacing:-0.02em;color:var(--cac-text);}
.cac-grade{font-size:0.875rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:var(--cac-radius-sm);}
.cac-grade.text-success{background:rgba(5,150,105,0.12);color:var(--cac-pass);}
.cac-grade.text-warning{background:rgba(202,138,4,0.12);color:var(--cac-warn);}
.cac-grade.text-danger{background:rgba(220,38,38,0.12);color:var(--cac-fail);}
.cac-verdict{margin:0.25rem 0 0;font-size:0.875rem;color:var(--cac-muted);line-height:1.4;width:100%;}
.cac-wcag-list{display:flex;flex-direction:column;gap:0.25rem;}
.cac-wcag-item{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.5rem 0;font-size:0.8125rem;border-bottom:1px solid var(--cac-border);}
.cac-wcag-item:last-child{border-bottom:0;}
.cac-wcag-item strong{font-weight:500;color:var(--cac-text);}
.cac-wcag-item p{display:none;}
.cac-wcag-badge{font-size:0.6875rem;font-weight:600;padding:0.2rem 0.4rem;border-radius:4px;}
.cac-wcag-badge.bg-success{background-color:rgba(5,150,105,0.12) !important;color:var(--cac-pass);}
.cac-wcag-badge.bg-danger{background-color:rgba(220,38,38,0.12) !important;color:var(--cac-fail);}
.cac-sim-block{display:flex;flex-direction:column;gap:0.5rem;}
.cac-sim-strip{display:flex;flex-wrap:wrap;gap:0.5rem;}
.cac-sim-cell{flex:0 0 auto;width:64px;padding:0.5rem;border-radius:var(--cac-radius-sm);text-align:center;font-size:0.6875rem;font-weight:600;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.cac-sim-label{font-size:0.5625rem;text-transform:uppercase;letter-spacing:0.04em;opacity:0.9;margin-top:0.25rem;}
.cac-tips-wrap{display:flex;flex-direction:column;gap:0.5rem;}
.cac-tips-list{display:flex;flex-direction:column;gap:0.375rem;}
.cac-tip-item{padding:0.5rem 0;font-size:0.8125rem;color:var(--cac-muted);line-height:1.4;border-bottom:1px solid var(--cac-border);}
.cac-tip-item:last-child{border-bottom:0;}
.cac-tip-item h5{font-size:0.8125rem;font-weight:600;color:var(--cac-text);margin:0 0 0.125rem;}
.cac-tip-item p{margin:0;}
.cac-alts-block{display:flex;flex-direction:column;gap:0.5rem;}
.cac-alts-strip{display:flex;flex-wrap:wrap;gap:0.5rem;}
.cac-alt-chip{display:inline-flex;align-items:center;gap:0.375rem;padding:0.375rem 0.625rem;background:var(--cac-bg);border:1px solid var(--cac-border);border-radius:var(--cac-radius-sm);font-size:0.75rem;cursor:pointer;transition:border-color 0.15s,background 0.15s;}
.cac-alt-chip:hover{border-color:var(--cac-text);}
.cac-alt-chip-swatches{display:flex;gap:2px;}
.cac-alt-chip-swatch{width:14px;height:14px;border-radius:2px;}
.cac-actions{display:flex;flex-wrap:wrap;gap:0.5rem;}
.cac-btn{padding:0.375rem 0.75rem;font-size:0.8125rem;font-weight:500;border-radius:var(--cac-radius-sm);border:1px solid var(--cac-border);background:var(--cac-surface);color:var(--cac-text);cursor:pointer;}
.cac-btn:hover{background:var(--cac-bg);}
.cac-btn:focus{outline:none;box-shadow:var(--cac-focus);}
.cac-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(80px);padding:0.5rem 1rem;font-size:0.8125rem;background:var(--cac-text);color:var(--cac-surface);border-radius:var(--cac-radius-sm);transition:transform 0.2s;z-index:1000;}
.cac-toast.show{transform:translateX(-50%) translateY(0);}
@media (max-width:767px){.cac-card-full{grid-template-columns:1fr;}.cac-col-left{border-right:0;border-bottom:1px solid var(--cac-border);}}