.code-saisie{--cs-bord:var(--bordure,var(--trait,#d6dbe6));--cs-actif:var(--bleu,var(--accent,#1775B9));--cs-clair:var(--bleu-clair,var(--accent,#3F97D4));--cs-doux:var(--texte-doux,#6b7280);--cs-fond:var(--carte,#fff);--cs-texte:var(--texte,#101828);}.code-bascule{display:inline-flex;margin-bottom:.6rem;padding:.2rem;border:1px solid var(--cs-bord);border-radius:8px;background:var(--fond-doux,var(--creux,#F4F6FA));}.code-bascule__btn{padding:.4rem 1rem;border:0;border-radius:6px;background:transparent;font:inherit;font-size:.9rem;color:var(--cs-doux);cursor:pointer;}.code-bascule__btn[aria-pressed="true"]{background:var(--cs-fond);color:var(--cs-texte);font-weight:600;box-shadow:0 1px 2px rgba(20,30,50,.12);}.code-schema{margin-top:.8rem;}.code-schema__zone{position:relative;width:min(15rem,100%);aspect-ratio:1;margin:.5rem 0;}.code-schema__trait{position:absolute;inset:0;width:100%;height:100%;color:var(--cs-clair);pointer-events:none;}.code-schema__points{position:relative;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;height:100%;}.code-point{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:1px solid var(--cs-bord);border-radius:50%;background:var(--cs-fond);font-family:var(--mono,ui-monospace,monospace);font-size:.9rem;color:var(--cs-actif);cursor:pointer;transition:background .12s,border-color .12s,transform .12s;}.code-point:hover{border-color:var(--cs-clair);}.code-point.actif{background:var(--cs-actif);border-color:var(--cs-actif);color:#fff;transform:scale(1.06);}@media (hover:none){.code-point.actif{transform:none;}}.code-schema__pied{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:0;font-size:.9rem;color:var(--cs-doux);}.code-schema__effacer{padding:.3rem .8rem;border:1px solid var(--cs-bord);border-radius:6px;background:var(--cs-fond);color:var(--cs-texte);font:inherit;font-size:.85rem;cursor:pointer;}