.multi-decoder-tool{--multi-decoder-action: var(--outil-action);--multi-decoder-action-hover: var(--outil-action-hover);--multi-decoder-action-text: var(--outil-action-texte);--multi-decoder-border: var(--outil-bord);--multi-decoder-surface: var(--outil-surface);--multi-decoder-surface-hover: var(--outil-surface-hover);--multi-decoder-text: var(--outil-texte);--multi-decoder-strong: var(--outil-fonce);display: grid;gap: 1rem;color: var(--multi-decoder-text)}.multi-decoder-tool *,.multi-decoder-tool *::before,.multi-decoder-tool *::after{box-sizing: border-box}.multi-decoder-intro{margin: 0;color: var(--multi-decoder-text);line-height: 1.55}.multi-decoder-card{min-width: 0;border: 1px solid var(--multi-decoder-border);border-radius: 10px;background: #fff;overflow: hidden}.multi-decoder-card-head,.multi-decoder-card-bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.6rem;background: var(--multi-decoder-surface);padding: 0.58rem 0.65rem}.multi-decoder-card-head{border-bottom: 1px solid var(--multi-decoder-border)}.multi-decoder-card-bottom{border-top: 1px solid var(--multi-decoder-border)}.multi-decoder-card h2{margin: 0;color: var(--multi-decoder-strong);font-size: 1.06rem;font-weight: 900;line-height: 1.2}.multi-decoder-source-card{display: grid;grid-template-rows: auto minmax(14rem,auto) auto}.multi-decoder-textarea{display: block;width: 100%;min-height: 15rem;border: 0;border-radius: 0;background: #fff;color: var(--multi-decoder-strong);font: inherit;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size: 0.98rem;font-weight: 760;line-height: 1.55;padding: 0.85rem;resize: vertical}.multi-decoder-textarea:focus{outline: 3px solid color-mix(in srgb,var(--multi-decoder-action) 18%,transparent);outline-offset: -3px}.multi-decoder-actions{display: flex;flex-wrap: wrap;gap: 0.4rem;align-items: center;justify-content: flex-end}.multi-decoder-action,.multi-decoder-mini-action{min-height: 2.35rem;border: 1px solid var(--multi-decoder-border);border-radius: 8px;background: #fff;color: var(--multi-decoder-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.55rem;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}.multi-decoder-primary{border-color: var(--multi-decoder-action);background: var(--multi-decoder-action);color: var(--multi-decoder-action-text)}.multi-decoder-action-icon{width: 18px;height: 18px;flex: 0 0 auto}.multi-decoder-action:not(:disabled):hover,.multi-decoder-action:not(:disabled):focus-visible,.multi-decoder-mini-action:not(:disabled):hover,.multi-decoder-mini-action:not(:disabled):focus-visible{border-color: var(--multi-decoder-action-hover);color: var(--multi-decoder-action-hover);background: var(--multi-decoder-surface-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--multi-decoder-action) 15%,transparent);outline: 0}.multi-decoder-primary:not(:disabled):hover,.multi-decoder-primary:not(:disabled):focus-visible{background: var(--multi-decoder-action-hover);color: var(--multi-decoder-action-text)}.multi-decoder-action:active,.multi-decoder-mini-action:active{transform: translateY(1px)}.multi-decoder-action:disabled,.multi-decoder-mini-action:disabled{cursor: not-allowed;opacity: 0.58;transform: none;box-shadow: none}.multi-decoder-status{min-width: 0;margin: 0;color: color-mix(in srgb,var(--multi-decoder-text) 78%,#777);font-weight: 750;line-height: 1.35}.multi-decoder-status.is-error{color: #a32323}.multi-decoder-status.is-ok{color: #167243}.multi-decoder-settings{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.65rem;padding: 0.7rem}.multi-decoder-switch{position: relative;min-height: 58px;border: 1px solid color-mix(in srgb,var(--multi-decoder-border) 72%,#d8c16b);border-radius: 8px;background: #fff;color: var(--multi-decoder-strong);cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.65rem 0.75rem;transition: background-color 0.18s ease,border-color 0.18s ease,color 0.18s ease}.multi-decoder-switch input{position: absolute;opacity: 0;pointer-events: none}.multi-decoder-switch-ui{position: relative;order: 3;flex: 0 0 auto;width: 54px;height: 28px;border: 2px solid var(--multi-decoder-action-hover);border-radius: 999px;background: var(--multi-decoder-action-hover);display: block}.multi-decoder-switch-ui::after{content: "";position: absolute;top: 50%;left: calc(100% - 21px);width: 17px;height: 17px;border-radius: 50%;background: #fff;transform: translateY(-50%);transition: left 0.16s ease}.multi-decoder-switch:not(.is-active){background: color-mix(in srgb,var(--multi-decoder-action) 44%,#fff);color: color-mix(in srgb,var(--multi-decoder-text) 80%,#6f7f91)}.multi-decoder-switch:not(.is-active) .multi-decoder-switch-ui{border-color: color-mix(in srgb,var(--multi-decoder-border) 62%,#d8c16b);background: color-mix(in srgb,var(--multi-decoder-surface) 70%,#f4ead2)}.multi-decoder-switch:not(.is-active) .multi-decoder-switch-ui::after{left: 4px}.multi-decoder-switch:has(input:focus-visible){outline: 3px solid color-mix(in srgb,var(--multi-decoder-action) 28%,transparent);outline-offset: 2px}.multi-decoder-switch:hover,.multi-decoder-switch:focus-within{border-color: var(--multi-decoder-action-hover);background: var(--multi-decoder-surface-hover)}.multi-decoder-switch:active{transform: translateY(1px)}.multi-decoder-switch-text{order: 1;min-width: 0;color: currentColor;font-weight: 850;line-height: 1.25;overflow-wrap: anywhere}.multi-decoder-switch-state{order: 2;margin-left: auto;color: var(--multi-decoder-action-hover);font-size: 0.72rem;font-weight: 900;text-transform: uppercase;white-space: nowrap}.multi-decoder-switch:not(.is-active) .multi-decoder-switch-state{color: #6f7f91}.multi-decoder-results{display: grid;gap: 0.9rem;padding: 0.8rem}.multi-decoder-result-group{display: grid;gap: 0.55rem}.multi-decoder-result-group + .multi-decoder-result-group{border-top: 1px solid color-mix(in srgb,var(--multi-decoder-border) 72%,#fff);padding-top: 0.85rem}.multi-decoder-group-title{margin: 0;color: var(--multi-decoder-action);font-size: 1.02rem;font-weight: 950;line-height: 1.2}.multi-decoder-result-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.65rem}.multi-decoder-result{min-width: 0;border: 1px solid color-mix(in srgb,var(--multi-decoder-border) 78%,#fff);border-radius: 10px;background: #fff;overflow: hidden}.multi-decoder-result-head{display: flex;align-items: center;justify-content: space-between;gap: 0.6rem;border-bottom: 1px solid color-mix(in srgb,var(--multi-decoder-border) 72%,#fff);background: color-mix(in srgb,var(--multi-decoder-surface) 64%,#fff);padding: 0.55rem 0.6rem}.multi-decoder-result h3{margin: 0;color: var(--multi-decoder-strong);font-size: 0.96rem;font-weight: 900;line-height: 1.2}.multi-decoder-result-actions{display: flex;flex-wrap: wrap;gap: 0.35rem;justify-content: flex-end}.multi-decoder-mini-action{min-height: 2rem;font-size: 0.8rem;padding: 0.3rem 0.45rem}.multi-decoder-result-text,.multi-decoder-caesar-value{margin: 0;white-space: pre-wrap;overflow-wrap: anywhere;color: var(--multi-decoder-strong);font: inherit;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;line-height: 1.5}.multi-decoder-result-text{min-height: 3.3rem;padding: 0.65rem}.multi-decoder-caesar-table-wrap{border: 1px solid color-mix(in srgb,var(--multi-decoder-border) 78%,#fff);border-radius: 10px;background: #fff;overflow: auto;max-height: 30rem}.multi-decoder-caesar-table{width: 100%;border-collapse: collapse}.multi-decoder-caesar-table tr + tr{border-top: 1px solid color-mix(in srgb,var(--multi-decoder-border) 66%,#fff)}.multi-decoder-caesar-table th,.multi-decoder-caesar-table td{padding: 0.52rem 0.6rem;vertical-align: top}.multi-decoder-caesar-table th{width: 8.5rem;color: var(--multi-decoder-action);font-weight: 950;text-align: left;white-space: nowrap}.multi-decoder-caesar-table td{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 0.55rem;align-items: start}.multi-decoder-empty{margin: 0;border: 1px dashed color-mix(in srgb,var(--multi-decoder-border) 78%,#fff);border-radius: 10px;background: color-mix(in srgb,var(--multi-decoder-surface) 48%,#fff);color: color-mix(in srgb,var(--multi-decoder-text) 78%,#777);line-height: 1.45;padding: 0.8rem}.multi-decoder-tool-links{display: flex;flex-wrap: wrap;gap: 0.45rem;padding: 0.75rem}.multi-decoder-tool-link{border: 1px solid color-mix(in srgb,var(--multi-decoder-border) 78%,#fff);border-radius: 8px;background: #fff;color: var(--multi-decoder-strong);font-weight: 850;line-height: 1.15;padding: 0.45rem 0.58rem;text-decoration: none;transition: border-color 0.16s ease,color 0.16s ease,transform 0.12s ease}.multi-decoder-tool-link:hover,.multi-decoder-tool-link:focus-visible{border-color: var(--multi-decoder-action-hover);color: var(--multi-decoder-action-hover);outline: 0}.multi-decoder-copy-proxy{position: fixed;left: -9999px;top: 0}.multi-decoder-info-guide{display: grid;gap: 1rem;color: var(--primary-dark,#123b69)}.multi-decoder-info-note,.multi-decoder-info-card{border: 1px solid var(--outil-bord,#e3cf75);border-radius: 10px;background: color-mix(in srgb,var(--outil-surface,#fff7d7) 72%,#fff)}.multi-decoder-info-note{padding: 1rem}.multi-decoder-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.85rem}.multi-decoder-info-card{padding: 0.9rem}.multi-decoder-info-note h2,.multi-decoder-info-card h3{margin: 0;color: var(--outil-action-dark,#744006);font-weight: 950;line-height: 1.2}.multi-decoder-info-note h2{font-size: 1.35rem}.multi-decoder-info-card h3{font-size: 1.05rem}.multi-decoder-info-note p,.multi-decoder-info-card p{margin: 0.65rem 0 0;color: color-mix(in srgb,var(--primary-dark,#123b69) 84%,#555);line-height: 1.65}.multi-decoder-info-link{color: var(--primary-dark,#123b69);font-weight: 850;text-decoration: underline;text-decoration-thickness: 0.08em;text-underline-offset: 0.16em}.multi-decoder-info-link:hover,.multi-decoder-info-link:focus-visible{color: var(--outil-action-dark,#744006);outline: 0}@media (max-width: 900px){.multi-decoder-settings,.multi-decoder-result-list,.multi-decoder-info-grid{grid-template-columns: 1fr}}@media (max-width: 640px){.multi-decoder-card-head,.multi-decoder-card-bottom,.multi-decoder-result-head{align-items: stretch;flex-direction: column}.multi-decoder-actions,.multi-decoder-result-actions{justify-content: stretch}.multi-decoder-action,.multi-decoder-mini-action{flex: 1 1 8rem}.multi-decoder-caesar-table td{grid-template-columns: 1fr}}