.french-page{font-family:Arial,sans-serif}.french-page h1,.french-page h2,.french-page h3{font-family:Arial,sans-serif;letter-spacing:-.025em}.french-page h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.12}.french-page .tool-heading{max-width:850px}.french-workspace{padding:clamp(18px,3vw,32px);border:1px solid var(--line-strong);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-small)}.french-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:28px}.french-editor-column>label{display:block;font-weight:700;margin-bottom:10px}.french-editor-column textarea{display:block;resize:vertical;width:100%;min-height:350px;border:1px solid var(--line-strong);border-radius:12px;padding:18px;font:18px/1.7 Arial,sans-serif;background:var(--paper-soft);color:var(--ink)}.french-editor-column textarea:focus{outline:3px solid var(--blue);outline-offset:3px}.french-page .hint{font-size:.88rem;color:var(--muted)}.french-palette h2{font-size:1.2rem;margin:0 0 8px}.french-palette-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.french-palette-head h2{margin:0}.french-page button{font:inherit;min-height:44px;border:1px solid var(--line-strong);border-radius:9px;background:var(--paper-soft);color:var(--ink);padding:8px 14px;cursor:pointer}.french-page button:disabled{opacity:.5;cursor:not-allowed}.french-page button:hover:not(:disabled){background:var(--blue-soft)}.french-page button:focus-visible,.french-page a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.french-page button[aria-pressed=true],.french-page .primary{background:var(--blue-deep);color:var(--surface);border-color:var(--blue-deep)}.french-page .primary:hover:not(:disabled){background:var(--blue)}.french-keys{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.french-keys button{padding:8px 3px;font-size:1.35rem;min-height:48px}.french-punctuation{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:12px 0}.french-punctuation button{padding:8px 3px;font-size:1.15rem}.french-punctuation .french-space-key{grid-column:span 3;font-size:.8rem}.french-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.french-shortcut-option{display:flex;align-items:flex-start;gap:10px;margin-top:20px;font-size:.9rem}.french-shortcut-option input{width:20px;height:20px;flex-shrink:0;margin-top:3px}.french-page .french-shortcuts{margin-top:12px;font-size:.9rem}.french-shortcuts summary{cursor:pointer;font-weight:700}.french-shortcuts dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.french-shortcuts dt,.french-shortcuts dd{margin:0}.french-shortcuts dt{font-family:monospace}.french-status{min-height:1.8em;color:var(--blue-deep);margin-bottom:0}.french-status[data-error=true]{color:var(--red)}.french-page .explainer{max-width:900px}.french-note{padding:14px 18px;background:var(--blue-soft);border-radius:10px}.french-page code{overflow-wrap:anywhere}.french-table{width:100%;border-collapse:collapse}.french-table th,.french-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.french-table th{background:var(--blue-soft)}.french-page [hidden]{display:none!important}@media(max-width:760px){.french-layout{display:flex;flex-direction:column}.french-palette{order:-1}.french-editor-column textarea{min-height:260px}.french-actions button{flex:1 1 auto}.french-page .header-note{display:none}.french-keys{grid-template-columns:repeat(6,minmax(0,1fr))}.french-shortcuts dl{font-size:.85rem}}
.french-page .french-note{color:var(--ink)}