.ca-bench{display:flex;flex-direction:column;gap:.75rem}.ca-bench-lead{color:var(--ff-slate-text, #4a332b);font-size:.98rem;margin:0}.ca-bench-sub{font-weight:700;color:var(--ff-slate-text, #4a332b);margin:.25rem 0 0;font-size:.9rem}.ca-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ca-chips--sm{gap:.4rem}.ca-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.35rem .7rem;border:2px solid var(--ff-slate, #4a4038);border-radius:12px;background:var(--ff-paper);color:var(--ff-slate-text, #3a322c);font-weight:600;cursor:pointer}.ca-chip--on{border-color:var(--pc-select, #0d7d6e);box-shadow:0 0 0 3px color-mix(in srgb,var(--pc-select, #0d7d6e) 30%,transparent)}.ca-chip:focus-visible{outline:3px solid var(--ff-focus, #0d7d6e);outline-offset:2px}.ca-chip-sw{width:22px;height:22px;border-radius:6px;border:1.5px solid rgba(0,0,0,.28);display:inline-block}.ca-chip--sw{width:44px;height:44px;padding:0;border-radius:10px}.ca-chip-label{font-size:.92rem}.ca-mix-out{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.ca-swatch{width:64px;height:64px;border-radius:14px;border:3px solid var(--ff-slate, #4a4038)}.ca-swatch--lg{width:96px;height:96px}.ca-swatch-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem}.ca-swatch-cap{font-size:.82rem;font-weight:700;color:var(--ff-slate-text, #3a322c)}.ca-mix-name{font-weight:800;font-size:1.05rem;color:var(--ff-forge-text, #8a3f07);margin:0}.ca-mix-inputs{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:.5rem 0}.ca-mix-plus{font-size:1.4rem;font-weight:800;color:var(--ff-slate-text, #4a332b)}.ca-surface{font-size:1.05rem;font-weight:600;color:var(--ff-slate-text, #3a322c);background:var(--ff-warm, #f6efe6);border-radius:12px;padding:.7rem .9rem;margin:.3rem 0;text-align:center}.ca-why{color:var(--ff-slate-text, #4a332b);font-size:.96rem;margin:.3rem 0 0}.ca-verdict{font-weight:800;margin:0 0 .2rem}.ca-verdict--right{color:var(--pc-correct, #2e8b57)}.ca-verdict--wrong{color:var(--pc-incorrect, #c05f5f)}.ca-choices{display:grid;gap:.55rem;margin-top:.7rem}.ca-choice{min-height:52px;text-align:left;font-weight:700;font-size:1rem;border:2px solid var(--ff-slate, #4a4038);border-left:6px solid var(--pc-select, #0d7d6e);border-radius:12px;background:var(--ff-paper);color:var(--ff-slate-text, #3a322c);padding:.7rem .9rem;cursor:pointer}.ca-choice:hover:not(:disabled){transform:translateY(-1px)}.ca-choice:focus-visible{outline:3px solid var(--ff-focus, #0d7d6e);outline-offset:2px}.ca-choice:disabled{cursor:default;opacity:.92}.ca-choice--correct{border-color:var(--pc-correct, #2e8b57);border-left-color:var(--pc-correct, #2e8b57);background:var(--pc-correct-bg, #e6f4ea)}.ca-choice--wrong{border-color:var(--pc-incorrect, #c05f5f);border-left-color:var(--pc-incorrect, #c05f5f);background:var(--pc-incorrect-bg, #f8ecec)}.ca-mini-stage{display:flex;justify-content:center;margin:.5rem 0}.ca-canvas{border-radius:14px;border:3px solid var(--ff-slate, #4a4038);background:var(--ff-paper);max-width:100%;height:auto;touch-action:manipulation}.ca-tech-controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.ca-btn{min-height:44px;padding:.5rem 1rem;border-radius:12px;font-weight:700;cursor:pointer;border:2px solid var(--ff-forge, #b45309);background:var(--ff-forge, #b45309);color:#fff}.ca-btn:hover{filter:brightness(1.06)}.ca-btn:focus-visible{outline:3px solid var(--ff-focus, #0d7d6e);outline-offset:2px}.ca-btn--ghost{background:var(--ff-paper);color:var(--ff-forge-text, #8a3f07)}.ca-tabs{display:flex;gap:.5rem;margin-bottom:.8rem;flex-wrap:wrap}.ca-tab{min-height:44px;padding:.5rem 1rem;border-radius:12px 12px 0 0;font-weight:700;cursor:pointer;border:2px solid var(--ff-slate, #4a4038);background:var(--ff-warm, #f6efe6);color:var(--ff-slate-text, #3a322c)}.ca-tab--on{background:var(--pc-select, #0d7d6e);border-color:var(--pc-select, #0d7d6e);color:#fff}.ca-tab:focus-visible{outline:3px solid var(--ff-focus, #0d7d6e);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ca-choice,.ca-btn{transition:none}.ca-choice:hover:not(:disabled){transform:none}}