[data-tool="lecture-en-miroir"]{--mirror-action: var(--outil-action);--mirror-action-hover: var(--outil-action-hover);--mirror-action-text: var(--outil-action-texte);--mirror-border: var(--outil-bord);--mirror-surface: var(--outil-surface);--mirror-surface-hover: var(--outil-surface-hover);--mirror-text: var(--outil-texte);--mirror-strong: var(--outil-fonce);display: grid;gap: 1rem}[data-tool="lecture-en-miroir"] *,[data-tool="lecture-en-miroir"] *::before,[data-tool="lecture-en-miroir"] *::after{box-sizing: border-box}.mirror-reading-intro,.mirror-reading-field-status{margin: 0;color: var(--mirror-text);line-height: 1.55}.mirror-reading-settings{display: grid;gap: 0.85rem;border: 1px solid var(--mirror-border);border-radius: 10px;background: #fff;padding: 0.9rem}.mirror-reading-settings h2,.mirror-reading-editor h2,.mirror-reading-result-panel h2{margin: 0;color: var(--mirror-strong);font-size: 1.08rem;font-weight: 900;line-height: 1.2}.mirror-reading-settings h2,.mirror-reading-result-panel h2,.mirror-reading-editor h2{text-align: center}.mirror-reading-settings-grid{display: grid;grid-template-columns: minmax(0,1.45fr) minmax(0,0.85fr);gap: 0.8rem}.mirror-reading-setting-group{display: grid;gap: 0.5rem;min-width: 0}.mirror-reading-setting-title{margin: 0;color: var(--mirror-strong);font-weight: 900;text-align: center}.mirror-reading-switch-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.45rem}.mirror-reading-toggle{min-width: 0;min-height: 2.65rem;border: 1px solid var(--mirror-border);border-radius: 8px;background: #fff;color: var(--mirror-strong);cursor: pointer;font: inherit;font-size: 0.82rem;font-weight: 780;line-height: 1.12;padding: 0.35rem 0.42rem;text-align: center;transition: background-color 0.16s ease,border-color 0.16s ease,color 0.16s ease,transform 0.12s ease,box-shadow 0.16s ease}.mirror-reading-toggle[aria-pressed="true"]{border-color: var(--mirror-action);background: var(--mirror-action);color: var(--mirror-action-text);font-weight: 850}.mirror-reading-toggle:not([aria-pressed="true"]):hover,.mirror-reading-toggle:not([aria-pressed="true"]):focus-visible{border-color: var(--mirror-action-hover);background: var(--mirror-surface-hover);outline: 0}.mirror-reading-segmented{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: 0;border: 1px solid var(--mirror-border);border-radius: 10px;background: #fff;overflow: hidden}.mirror-reading-segmented button{min-width: 0;min-height: 2.7rem;border: 0;border-radius: 0;background: #fff;color: var(--mirror-strong);cursor: pointer;font: inherit;font-size: 0.88rem;font-weight: 850;line-height: 1.15;padding: 0.45rem 0.5rem;text-align: center;transition: background-color 0.16s ease,color 0.16s ease,transform 0.12s ease}.mirror-reading-segmented button.is-active{background: var(--mirror-action);color: var(--mirror-action-text)}.mirror-reading-segmented button:not(.is-active):hover,.mirror-reading-segmented button:not(.is-active):focus-visible{background: var(--mirror-surface-hover);outline: 0}.mirror-reading-segmented button:not(:disabled):active,.mirror-reading-toggle:not(:disabled):active,.mirror-reading-action:not(:disabled):active{transform: translateY(1px)}.mirror-reading-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem;align-items: stretch}.mirror-reading-editor,.mirror-reading-result-panel{min-width: 0;display: grid;grid-template-rows: auto minmax(0,1fr) auto;border: 1px solid var(--mirror-border);border-radius: 10px;background: #fff;overflow: hidden}.mirror-reading-editor-top,.mirror-reading-editor-bottom,.mirror-reading-result-top,.mirror-reading-result-bottom{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 0.55rem;align-items: center;background: var(--mirror-surface);padding: 0.55rem}.mirror-reading-editor-top,.mirror-reading-result-top{border-bottom: 1px solid var(--mirror-border)}.mirror-reading-editor-bottom,.mirror-reading-result-bottom{border-top: 1px solid var(--mirror-border)}.mirror-reading-action-group{display: flex;flex-wrap: wrap;gap: 0.35rem;align-items: center;justify-content: flex-end}.mirror-reading-action{min-height: 2.35rem;border: 1px solid var(--mirror-border);border-radius: 8px;background: #fff;color: var(--mirror-strong);cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 0.35rem;font: inherit;font-size: 0.9rem;font-weight: 850;line-height: 1.15;padding: 0.38rem 0.52rem;text-align: center;transition: transform 0.12s ease,border-color 0.16s ease,background-color 0.16s ease,color 0.16s ease,box-shadow 0.16s ease,opacity 0.16s ease}.mirror-reading-action-primary{border-color: var(--mirror-action);background: var(--mirror-action);color: var(--mirror-action-text)}.mirror-reading-action-icon{width: 18px;height: 18px;flex: 0 0 auto}.mirror-reading-action:not(:disabled):hover,.mirror-reading-action:not(:disabled):focus-visible{border-color: var(--mirror-action-hover);color: var(--mirror-action-hover);background: var(--mirror-surface-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--mirror-action) 15%,transparent);outline: 0}.mirror-reading-action-primary:not(:disabled):hover,.mirror-reading-action-primary:not(:disabled):focus-visible{background: var(--mirror-action-hover);color: var(--mirror-action-text)}.mirror-reading-action:disabled{cursor: not-allowed;opacity: 0.58;transform: none;box-shadow: none}.mirror-reading-textarea{width: 100%;min-width: 0;min-height: 17rem;border: 0;border-radius: 0;box-shadow: none;outline-offset: -3px;background: #fff;color: var(--mirror-strong);font: inherit;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size: 0.98rem;font-weight: 780;line-height: 1.55;padding: 0.85rem;resize: none;appearance: none}.mirror-reading-result-textarea,.mirror-reading-textarea[readonly]{background: var(--mirror-surface);cursor: default}.mirror-reading-textarea::placeholder{color: color-mix(in srgb,var(--mirror-text) 72%,#fff)}.mirror-reading-textarea:focus,.mirror-reading-action:focus-visible,.mirror-reading-toggle:focus-visible,.mirror-reading-segmented button:focus-visible{outline: 3px solid color-mix(in srgb,var(--outil-focus) 30%,transparent);outline-offset: 2px}.mirror-reading-field-status{min-height: 1.25rem;color: var(--mirror-strong);font-size: 0.82rem;font-weight: 850;max-width: 100%}.mirror-reading-copy-proxy{position: fixed;inset-inline-start: -9999px;top: 0;width: 1px;height: 1px;opacity: 0}.mirror-reading-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.85rem;margin: 1rem 0}.mirror-reading-info-card,.mirror-reading-info-example{border: 1px solid var(--outil-bord);border-radius: 10px;background: var(--outil-surface);padding: 0.9rem}.mirror-reading-info-card h3,.mirror-reading-info-example h3{margin: 0 0 0.45rem;color: var(--outil-fonce);font-size: 1rem}.mirror-reading-info-card p,.mirror-reading-info-example p{margin: 0}.mirror-reading-info-example a{color: var(--outil-fonce);cursor: pointer;font-weight: 900;text-decoration: underline;text-decoration-thickness: 0.08em;text-underline-offset: 0.16em}.mirror-reading-info-code{display: inline-block;border: 1px solid var(--outil-bord);border-radius: 6px;background: #fff;color: var(--outil-fonce);font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-weight: 850;padding: 0.08rem 0.3rem}.mirror-reading-info-table{width: 100%;border-collapse: collapse;margin: 1rem 0;overflow-wrap: anywhere}.mirror-reading-info-table caption{color: var(--outil-fonce);font-weight: 900;margin-bottom: 0.45rem;text-align: left}.mirror-reading-info-table th,.mirror-reading-info-table td{border: 1px solid var(--outil-bord);padding: 0.55rem;text-align: left;vertical-align: top}.mirror-reading-info-table th{background: var(--outil-surface);color: var(--outil-fonce)}@media (max-width: 900px){.mirror-reading-settings-grid,.mirror-reading-grid,.mirror-reading-info-grid{grid-template-columns: 1fr}.mirror-reading-switch-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.mirror-reading-segmented{grid-auto-flow: row;grid-auto-rows: minmax(2.55rem,auto)}.mirror-reading-editor-top,.mirror-reading-editor-bottom,.mirror-reading-result-top,.mirror-reading-result-bottom{grid-template-columns: 1fr}.mirror-reading-action-group{justify-content: center}.mirror-reading-switch-grid{grid-template-columns: 1fr}}