.nato-phonetic-tool{--nato-phonetic-action: var(--outil-action);--nato-phonetic-action-hover: var(--outil-action-hover);--nato-phonetic-action-text: var(--outil-action-texte);--nato-phonetic-border: var(--outil-bord);--nato-phonetic-surface: var(--outil-surface);--nato-phonetic-surface-hover: var(--outil-surface-hover);--nato-phonetic-text: var(--outil-texte);--nato-phonetic-strong: var(--outil-fonce);--nato-phonetic-shadow: 0 10px 28px rgb(var(--outil-ombre-rgb) / 0.08);display: grid;gap: 1rem}.nato-phonetic-tool *,.nato-phonetic-tool *::before,.nato-phonetic-tool *::after{box-sizing: border-box}.nato-phonetic-intro{color: var(--nato-phonetic-text);font-size: 1rem;line-height: 1.55;margin: 0}.nato-phonetic-settings{display: grid;gap: 0.75rem;border: 1px solid var(--nato-phonetic-border);border-radius: 10px;background: #fff;box-shadow: var(--nato-phonetic-shadow);padding: 0.9rem}.nato-phonetic-settings h2,.nato-phonetic-editor h2,.nato-phonetic-result-panel h2{margin: 0;color: var(--nato-phonetic-strong);font-size: 1.08rem;font-weight: 900;line-height: 1.2}.nato-phonetic-settings h2{text-align: center}.nato-phonetic-selector{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.25rem;border: 1px solid var(--nato-phonetic-border);border-radius: 14px;background: #fff;padding: 0.25rem}.nato-phonetic-selector-button{min-width: 0;min-height: 44px;border: 0;border-radius: 10px;background: transparent;color: var(--nato-phonetic-strong);cursor: pointer;font: inherit;font-weight: 900;line-height: 1.15;padding: 0.55rem;transition: background-color 0.12s ease,color 0.12s ease,transform 0.12s ease}.nato-phonetic-selector-button:hover,.nato-phonetic-selector-button:focus-visible{background: var(--nato-phonetic-surface-hover);color: var(--nato-phonetic-action-hover)}.nato-phonetic-selector-button.is-active{background: var(--nato-phonetic-action);color: var(--nato-phonetic-action-text)}.nato-phonetic-selector-button:active{transform: translateY(1px)}.nato-phonetic-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem;align-items: stretch}.nato-phonetic-editor,.nato-phonetic-result-panel{display: grid;grid-template-rows: auto minmax(0,1fr) auto;min-width: 0;border: 1px solid var(--nato-phonetic-border);border-radius: 10px;background: #fff;overflow: hidden}.nato-phonetic-panel-top,.nato-phonetic-panel-bottom{display: flex;flex-wrap: wrap;gap: 0.55rem;align-items: center;justify-content: space-between;background: var(--nato-phonetic-surface);padding: 0.55rem}.nato-phonetic-panel-top{border-bottom: 1px solid var(--nato-phonetic-border)}.nato-phonetic-panel-bottom{border-top: 1px solid var(--nato-phonetic-border)}.nato-phonetic-result-bottom{justify-content: flex-end}.nato-phonetic-action-group{display: flex;flex-wrap: wrap;gap: 0.35rem;align-items: center;justify-content: flex-end}.nato-phonetic-action{min-height: 2.35rem;border: 1px solid var(--nato-phonetic-border);border-radius: 8px;background: #fff;color: var(--nato-phonetic-strong);cursor: pointer;display: inline-flex;gap: 0.35rem;align-items: center;justify-content: center;font: inherit;font-weight: 900;line-height: 1.1;padding: 0.5rem 0.75rem;text-align: center;transition: background-color 0.12s ease,border-color 0.12s ease,color 0.12s ease,transform 0.12s ease}.nato-phonetic-action:hover,.nato-phonetic-action:focus-visible{border-color: var(--nato-phonetic-action);background: var(--nato-phonetic-surface-hover);color: var(--nato-phonetic-action-hover)}.nato-phonetic-action:active{transform: translateY(1px)}.nato-phonetic-action:disabled{border-color: var(--nato-phonetic-border);background: #fff;color: color-mix(in srgb,var(--nato-phonetic-strong) 48%,#fff);cursor: not-allowed;transform: none}.nato-phonetic-action-primary{border-color: var(--nato-phonetic-action);background: var(--nato-phonetic-action);color: var(--nato-phonetic-action-text)}.nato-phonetic-action-primary:hover,.nato-phonetic-action-primary:focus-visible{background: var(--nato-phonetic-action-hover);color: var(--nato-phonetic-action-text)}.nato-phonetic-action-icon{flex: 0 0 auto}.nato-phonetic-textarea{width: 100%;min-height: 16rem;border: 0;border-radius: 0;background: #fff;color: var(--nato-phonetic-text);font: inherit;line-height: 1.55;padding: 0.9rem;resize: vertical}.nato-phonetic-result,.nato-phonetic-textarea[readonly]{background: var(--nato-phonetic-surface);color: var(--nato-phonetic-strong);cursor: default}.nato-phonetic-textarea::placeholder{color: color-mix(in srgb,var(--nato-phonetic-strong) 56%,#fff)}.nato-phonetic-textarea:focus{outline: 3px solid color-mix(in srgb,var(--nato-phonetic-action) 32%,transparent);outline-offset: -3px}.nato-phonetic-status{min-height: 1.25rem;color: var(--nato-phonetic-strong);font-size: 0.9rem;font-weight: 850;margin: 0}.nato-phonetic-copy-proxy{position: fixed;left: -9999px;top: 0;width: 1px;height: 1px;opacity: 0}.nato-phonetic-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.9rem;margin: 1.15rem 0}.nato-phonetic-info-card{border: 2px solid var(--nato-phonetic-border,var(--outil-bord));border-radius: 10px;background: #fff;box-shadow: 0 8px 22px rgb(var(--outil-ombre-rgb) / 0.06);padding: 0.95rem}.nato-phonetic-info-card h3{color: var(--nato-phonetic-strong,var(--outil-fonce));font-size: 1rem;font-weight: 900;line-height: 1.2;margin: 0 0 0.55rem;text-align: center}.nato-phonetic-info-card p{color: var(--nato-phonetic-text,var(--outil-texte));line-height: 1.58;margin: 0}.nato-phonetic-info-code{color: var(--nato-phonetic-strong,var(--outil-fonce));font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-weight: 900}.nato-phonetic-info-table{width: 100%;border-collapse: collapse;margin: 1rem 0;overflow-wrap: anywhere;border: 2px solid var(--nato-phonetic-border,var(--outil-bord));background: #fff}.nato-phonetic-info-table caption{color: var(--nato-phonetic-strong,var(--outil-fonce));font-weight: 900;margin-bottom: 0.55rem;text-align: left}.nato-phonetic-info-table th,.nato-phonetic-info-table td{border: 1px solid var(--nato-phonetic-border,var(--outil-bord));padding: 0.62rem 0.55rem;text-align: center;vertical-align: middle}.nato-phonetic-info-table th{background: var(--nato-phonetic-surface,var(--outil-surface));color: var(--nato-phonetic-strong,var(--outil-fonce));font-weight: 900}.nato-phonetic-info-table tbody tr:nth-child(even){background: color-mix(in srgb,var(--nato-phonetic-surface,var(--outil-surface)) 58%,#fff)}.nato-phonetic-alphabet-table td:nth-child(odd){width: 4.5rem;background: var(--nato-phonetic-surface,var(--outil-surface));color: var(--nato-phonetic-strong,var(--outil-fonce));font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-weight: 900}.nato-phonetic-alphabet-table td:nth-child(even){color: var(--nato-phonetic-text,var(--outil-texte));font-weight: 850}.nato-phonetic-info-link{color: var(--nato-phonetic-action-hover,var(--outil-action-hover));font-weight: 900;text-decoration-thickness: 0.12em;text-underline-offset: 0.16em}.nato-phonetic-info-link:hover,.nato-phonetic-info-link:focus-visible{color: var(--nato-phonetic-strong,var(--outil-fonce))}@media (max-width: 980px){.nato-phonetic-grid,.nato-phonetic-info-grid{grid-template-columns: 1fr}}@media (max-width: 680px){.nato-phonetic-alphabet-table{font-size: 0.92rem}.nato-phonetic-info-table th,.nato-phonetic-info-table td{padding: 0.45rem 0.35rem}}@media (max-width: 560px){.nato-phonetic-panel-top,.nato-phonetic-panel-bottom{align-items: stretch;flex-direction: column}.nato-phonetic-action-group,.nato-phonetic-action,.nato-phonetic-selector{width: 100%}}