.character-types-tool{--character-types-primary: var(--primary-dark,#123b69);--character-types-action: var(--outil-action,#8a4f0f);--character-types-action-dark: var(--outil-action-dark,#744006);--character-types-border: var(--outil-bord,#e3cf75);--character-types-surface: var(--outil-surface,#fff7d7);--character-types-soft: color-mix(in srgb,var(--character-types-surface) 72%,#fff);color: var(--character-types-primary)}.character-types-tool *{box-sizing: border-box}.character-types-intro{margin: 0 0 1rem;color: var(--character-types-primary);font-size: 1rem;line-height: 1.55}.character-types-title{margin: 0;color: var(--character-types-action-dark);font-size: 1.08rem;font-weight: 900;line-height: 1.2}.character-types-workspace{display: grid;grid-template-columns: minmax(0,1.08fr) minmax(19rem,0.92fr);gap: 1rem;align-items: stretch}.character-types-card,.character-types-settings{min-width: 0;border: 1px solid var(--character-types-border);border-radius: 10px;background: var(--character-types-surface);overflow: hidden}.character-types-card{display: grid;grid-template-rows: auto minmax(13rem,1fr) auto}.character-types-settings{display: grid;gap: 0.85rem;padding: 0.85rem}.character-types-settings-title{text-align: center}.character-types-card-head,.character-types-card-bottom{background: var(--character-types-surface);padding: 0.55rem 0.65rem}.character-types-card-head{border-bottom: 1px solid var(--character-types-border);display: flex;align-items: center;justify-content: space-between;gap: 0.65rem}.character-types-result-head{justify-content: center}.character-types-card-bottom{border-top: 1px solid var(--character-types-border);display: flex;align-items: flex-start;justify-content: space-between;gap: 0.65rem}.character-types-textarea{display: block;width: 100%;min-height: 13rem;border: 0;border-radius: 0;background: #fff;color: var(--character-types-primary);font: inherit;font-weight: 650;line-height: 1.55;padding: 0.85rem;resize: none}.character-types-textarea:focus{outline: 3px solid color-mix(in srgb,var(--character-types-border) 72%,#fff);outline-offset: -3px}.character-types-result{margin-top: 1rem}.character-types-result-textarea{min-height: 9rem;background: color-mix(in srgb,var(--character-types-surface) 86%,#fff);color: color-mix(in srgb,var(--character-types-primary) 86%,#777);cursor: default}.character-types-setting{min-width: 0;border: 1px solid var(--character-types-border);border-radius: 10px;background: color-mix(in srgb,var(--character-types-surface) 78%,#fff);padding: 0.75rem}.character-types-label{margin: 0 0 0.55rem;color: var(--character-types-action-dark);font-weight: 900;line-height: 1.2;text-align: center}.character-types-selector,.character-types-type-grid{display: grid;gap: 0.3rem;border: 1px solid var(--character-types-border);border-radius: 10px;background: #fff;padding: 0.25rem}.character-types-selector-4{grid-template-columns: repeat(4,minmax(0,1fr))}.character-types-type-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.character-types-selector-button,.character-types-type-button{min-height: 2.45rem;border: 0;border-radius: 8px;background: transparent;color: var(--character-types-primary);cursor: pointer;font: inherit;font-size: 0.9rem;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,opacity 0.16s ease}.character-types-selector-button:hover,.character-types-selector-button:focus-visible,.character-types-type-button:hover,.character-types-type-button:focus-visible{background: color-mix(in srgb,var(--character-types-border) 28%,#fff);outline: 0}.character-types-selector-button:active,.character-types-type-button:active,.character-types-action:active,.character-types-switch-row:active{transform: translateY(1px) scale(0.99)}.character-types-selector-button.is-active,.character-types-type-button.is-active{background: var(--character-types-action);color: #fff}.character-types-replace-setting[hidden]{display: none}.character-types-replace-field{display: grid;gap: 0.35rem;color: var(--character-types-action-dark);font-weight: 850}.character-types-replace-field input{min-height: 2.45rem;width: 100%;border: 1px solid var(--character-types-border);border-radius: 8px;background: #fff;color: var(--character-types-primary);font: inherit;font-weight: 750;padding: 0.45rem 0.65rem}.character-types-switch-row{min-height: 2.65rem;width: 100%;margin-top: 0.65rem;border: 1px solid var(--character-types-border);border-radius: 10px;background: #fff;color: var(--character-types-primary);cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;font: inherit;font-weight: 850;padding: 0.45rem 0.65rem}.character-types-switch{position: relative;flex: 0 0 auto;width: 3.3rem;height: 1.8rem;border-radius: 999px;background: color-mix(in srgb,var(--character-types-border) 62%,#fff);box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--character-types-action-dark) 18%,transparent)}.character-types-switch::after{content: "";position: absolute;top: 0.22rem;left: 0.24rem;width: 1.36rem;height: 1.36rem;border-radius: 50%;background: #fff;box-shadow: 0 1px 4px rgba(18,59,105,0.22);transition: transform 0.16s ease}.character-types-switch-row.is-active .character-types-switch{background: var(--character-types-action)}.character-types-switch-row.is-active .character-types-switch::after{transform: translateX(1.45rem)}.character-types-action-row{display: flex;flex: 0 0 auto;flex-wrap: wrap;gap: 0.4rem;align-items: center;justify-content: flex-end}.character-types-result-bottom .character-types-action-row{flex-wrap: nowrap}.character-types-status{flex: 1 1 auto;min-width: 0;margin: 0;color: var(--character-types-primary);font-size: 0.92rem;font-weight: 800;line-height: 1.3;overflow-wrap: anywhere}.character-types-status.is-error{color: #b91c1c}.character-types-action{min-height: 2.35rem;border: 1px solid var(--character-types-border);border-radius: 8px;background: #fff;color: var(--character-types-action-dark);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-decoration: none;transition: background-color 0.16s ease,border-color 0.16s ease,color 0.16s ease,transform 0.12s ease}.character-types-action:hover,.character-types-action:focus-visible{border-color: var(--character-types-action);background: color-mix(in srgb,var(--character-types-border) 22%,#fff);outline: 0}.character-types-action:disabled{border-color: color-mix(in srgb,var(--character-types-border) 52%,#fff);background: color-mix(in srgb,var(--character-types-surface) 35%,#fff);color: color-mix(in srgb,var(--character-types-action-dark) 45%,#fff);cursor: default;transform: none}.character-types-action-primary:not(:disabled){border-color: var(--character-types-action);background: var(--character-types-action);color: #fff}.character-types-action-icon{width: 1.05rem;height: 1.05rem;flex: 0 0 auto;fill: currentColor}.character-types-copy-proxy{position: fixed;top: -9999px;left: -9999px;width: 1px;height: 1px;opacity: 0}.character-types-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.85rem;margin: 1rem 0}.character-types-info-card,.character-types-info-note{border: 1px solid var(--character-types-border,var(--outil-bord));border-radius: 10px;background: var(--character-types-surface,var(--outil-surface));padding: 0.85rem}.character-types-info-card h3,.character-types-info-note h3{margin: 0 0 0.45rem;color: var(--character-types-action-dark,#744006);font-size: 1rem;font-weight: 900}.character-types-info-card p,.character-types-info-note p{margin: 0}.character-types-info-card a,.character-types-info-note a{color: var(--character-types-primary,var(--primary-dark));font-weight: 850;text-decoration: underline;text-underline-offset: 0.16em}.character-types-info-card a:hover,.character-types-info-note a:hover,.character-types-info-card a:focus-visible,.character-types-info-note a:focus-visible{color: var(--character-types-action-dark,#744006)}.character-types-reference-table{width: 100%;border-collapse: collapse;margin: 1rem 0;border: 1px solid var(--character-types-border,var(--outil-bord))}.character-types-reference-table th,.character-types-reference-table td{border: 1px solid var(--character-types-border,var(--outil-bord));padding: 0.65rem 0.75rem;text-align: left;vertical-align: top}.character-types-reference-table th{background: var(--character-types-surface,var(--outil-surface));color: var(--character-types-action-dark,#744006);font-weight: 900}@media (max-width: 900px){.character-types-workspace,.character-types-info-grid{grid-template-columns: 1fr}}@media (max-width: 620px){.character-types-card-head,.character-types-card-bottom{align-items: stretch;flex-direction: column}.character-types-action-row,.character-types-result-bottom .character-types-action-row{display: grid;grid-template-columns: 1fr;width: 100%}.character-types-selector-4,.character-types-type-grid{grid-template-columns: 1fr}}