.conversion-tool-description{color: var(--outil-texte,var(--primary-dark));grid-column: 1 / -1;max-width: none;margin: 0 0 1rem;font-size: 1rem;font-weight: 400;line-height: 1.5}@media (max-width: 720px){.conversion-tool-description{margin-bottom: 0.85rem}}[data-tool="convertisseur-longueurs"]{--measure-accent: var(--bouton-bleu,#2563eb);--measure-accent-hover: var(--bouton-bleu-hover,#3b82f6);--measure-soft: var(--bouton-bleu-soft,#eef5ff);--measure-dark: var(--outil-fonce,#183f70);--measure-border: var(--outil-bord,#d7e2f0);--measure-muted: #64748b;color: var(--measure-dark)}[data-tool="convertisseur-longueurs"] *,[data-tool="convertisseur-longueurs"] *::before,[data-tool="convertisseur-longueurs"] *::after{box-sizing: border-box}[data-tool="convertisseur-longueurs"] .measure-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(280px,0.72fr);gap: 18px;align-items: stretch}[data-tool="convertisseur-longueurs"] .measure-card{border: 1px solid var(--measure-border);border-radius: 14px;background: #fff;padding: 18px;box-shadow: 0 12px 32px rgba(15,23,42,0.06)}[data-tool="convertisseur-longueurs"] .measure-input-card{display: flex;flex-direction: column;gap: 16px}[data-tool="convertisseur-longueurs"] .measure-field{min-width: 0;display: flex;flex-direction: column;gap: 8px}[data-tool="convertisseur-longueurs"] .measure-field>span:first-child,[data-tool="convertisseur-longueurs"] .measure-field>label:first-child{color: var(--measure-dark);font-weight: 900}[data-tool="convertisseur-longueurs"] .measure-stepper{display: grid;grid-template-columns: 52px minmax(0,1fr) 52px;gap: 8px}[data-tool="convertisseur-longueurs"] .measure-step-button,[data-tool="convertisseur-longueurs"] .measure-swap{border: 2px solid var(--measure-accent);border-radius: 12px;background: #fff;color: var(--measure-accent);cursor: pointer;font: inherit;font-size: 1.45rem;font-weight: 900;line-height: 1;transition: background-color 0.12s ease,color 0.12s ease,transform 0.12s ease,box-shadow 0.12s ease}[data-tool="convertisseur-longueurs"] .measure-step-button{--measure-button-y: 0px;min-height: 54px;transform: translateY(var(--measure-button-y))}[data-tool="convertisseur-longueurs"] .measure-step-button:hover,[data-tool="convertisseur-longueurs"] .measure-step-button:focus-visible,[data-tool="convertisseur-longueurs"] .measure-swap:hover,[data-tool="convertisseur-longueurs"] .measure-swap:focus-visible{background: var(--measure-soft);color: var(--measure-accent-hover);transform: translateY(calc(var(--measure-button-y,0px) - 1px));box-shadow: 0 8px 16px rgba(37,99,235,0.12)}[data-tool="convertisseur-longueurs"] .measure-step-button:active,[data-tool="convertisseur-longueurs"] .measure-swap:active{transform: translateY(calc(var(--measure-button-y,0px) + 1px));box-shadow: none}[data-tool="convertisseur-longueurs"] input,[data-tool="convertisseur-longueurs"] select{width: 100%;min-height: 54px;border: 2px solid #c7d5e8;border-radius: 12px;background: #fff;color: var(--measure-dark);padding: 0 12px;font: inherit;font-weight: 850}[data-tool="convertisseur-longueurs"] input{text-align: center;font-size: 1.45rem}[data-tool="convertisseur-longueurs"] input:focus,[data-tool="convertisseur-longueurs"] select:focus,[data-tool="convertisseur-longueurs"] button:focus-visible{border-color: var(--measure-accent);outline: 3px solid rgba(37,99,235,0.24);outline-offset: 2px}[data-tool="convertisseur-longueurs"] .measure-selects{display: grid;grid-template-columns: minmax(0,1fr) 54px minmax(0,1fr);gap: 10px;align-items: end}[data-tool="convertisseur-longueurs"] .measure-swap{width: 54px;min-height: 54px;--measure-button-y: 4px;align-self: end;transform: translateY(var(--measure-button-y));padding: 0;display: inline-flex;align-items: center;justify-content: center}[data-tool="convertisseur-longueurs"] .measure-swap-icon{width: 32px;height: 32px;display: block;flex: 0 0 auto}[data-tool="convertisseur-longueurs"] .measure-result-card{display: grid;grid-template-rows: auto 56px minmax(112px,auto) auto;align-items: stretch;gap: 10px;min-width: 0;min-height: 300px;background: linear-gradient(180deg,var(--measure-soft),#fff 68%);border-color: color-mix(in srgb,var(--measure-accent) 28%,#dbe4ee);text-align: center}[data-tool="convertisseur-longueurs"] .measure-result-heading{display: grid;justify-items: start;gap: 2px;min-width: 0}[data-tool="convertisseur-longueurs"] .measure-eyebrow{margin: 0;color: var(--measure-accent);font-size: 0.82rem;font-weight: 950;line-height: 1.1;letter-spacing: 0;text-transform: uppercase}[data-tool="convertisseur-longueurs"] .measure-approx-label{margin: 0;color: var(--measure-muted);font-size: 0.58rem;font-weight: 950;line-height: 1.05;letter-spacing: 0;text-transform: uppercase}[data-tool="convertisseur-longueurs"] .measure-formula{display: grid;grid-template-rows: minmax(24px,auto) 20px;place-items: center;min-width: 0;color: var(--measure-muted);font-weight: 900;line-height: 1.15}[data-tool="convertisseur-longueurs"] .measure-formula-source,[data-tool="convertisseur-longueurs"] .measure-formula-equals{display: block;max-width: 100%;min-width: 0;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap}[data-tool="convertisseur-longueurs"] .measure-formula-source{font-size: clamp(0.9rem,1.9vw,1.05rem);line-height: 1.3;padding-bottom: 2px}[data-tool="convertisseur-longueurs"] .measure-formula-equals{color: var(--measure-muted);font-size: 1rem}[data-tool="convertisseur-longueurs"] .measure-result-main{display: grid;place-items: center;min-width: 0;min-height: 112px;padding: 2px 0}[data-tool="convertisseur-longueurs"] .measure-result{display: block;width: 100%;max-width: 100%;min-width: 0;margin: 0;color: var(--measure-accent);font-size: clamp(1.65rem,3.1vw,2.35rem);font-weight: 950;line-height: 0.96;overflow-wrap: anywhere;text-align: center}[data-tool="convertisseur-longueurs"] .measure-detail-result-row{display: grid;grid-template-columns: minmax(0,1fr) auto;align-self: end;justify-self: center;width: min(100%,400px);min-height: 54px;border: 2px solid var(--measure-accent);border-radius: 999px;background: #fff;overflow: hidden;cursor: pointer;transition: border-color 0.16s ease,box-shadow 0.16s ease,transform 0.12s ease}[data-tool="convertisseur-longueurs"] .measure-detail-result-row:hover,[data-tool="convertisseur-longueurs"] .measure-detail-result-row:focus-within{border-color: color-mix(in srgb,var(--accent,#d97706) 70%,var(--measure-accent));box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent,#d97706) 16%,transparent)}[data-tool="convertisseur-longueurs"] .measure-detail-result-row:active{transform: translateY(1px) scale(0.995)}[data-tool="convertisseur-longueurs"] .measure-detail-result-row [data-measure-detail-to]{display: flex;align-items: center;justify-content: center;min-width: 0;min-height: 54px;padding: 8px 14px;color: var(--measure-accent);font-size: clamp(0.78rem,1.55vw,0.94rem);font-weight: 950;line-height: 1.05;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap}[data-tool="convertisseur-longueurs"] .measure-copy{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-width: 96px;min-height: 54px;border: 0;border-left: 2px solid var(--measure-accent);border-radius: 0;background: #fff;color: var(--measure-accent);cursor: pointer;padding: 8px 12px;font: inherit;font-size: 0.78rem;font-weight: 900;line-height: 1;box-shadow: none;transform: none;transition: background-color 0.16s ease,border-color 0.16s ease,color 0.16s ease,transform 0.16s ease}[data-tool="convertisseur-longueurs"] .measure-copy:hover,[data-tool="convertisseur-longueurs"] .measure-copy:focus-visible,[data-tool="convertisseur-longueurs"] .measure-detail-result-row:hover .measure-copy,[data-tool="convertisseur-longueurs"] .measure-detail-result-row:focus-within .measure-copy{border-left-color: color-mix(in srgb,var(--accent,#d97706) 70%,var(--measure-accent));background: var(--measure-soft);color: var(--measure-accent-hover);box-shadow: none}[data-tool="convertisseur-longueurs"] .measure-copy:active{transform: translateY(1px)}[data-tool="convertisseur-longueurs"] .measure-copy:disabled{color: color-mix(in srgb,var(--measure-accent) 62%,#8ba3c7);cursor: not-allowed;opacity: 0.66}[data-tool="convertisseur-longueurs"] .measure-copy-icon{width: 16px;height: 16px;flex: 0 0 auto}@media (max-width: 760px){[data-tool="convertisseur-longueurs"] .measure-grid{grid-template-columns: 1fr}[data-tool="convertisseur-longueurs"] .measure-selects{grid-template-columns: minmax(0,1fr) 54px;grid-template-areas: "from swap" "to swap";align-items: center}[data-tool="convertisseur-longueurs"] .measure-selects .measure-field:first-child{grid-area: from}[data-tool="convertisseur-longueurs"] .measure-selects .measure-field:last-child{grid-area: to}[data-tool="convertisseur-longueurs"] .measure-swap{grid-area: swap;align-self: center;margin-top: 28px;justify-self: center;transform: rotate(90deg)}[data-tool="convertisseur-longueurs"] .measure-swap:hover,[data-tool="convertisseur-longueurs"] .measure-swap:focus-visible{transform: rotate(90deg) translateX(-1px)}[data-tool="convertisseur-longueurs"] .measure-swap:active{transform: rotate(90deg) translateX(1px)}[data-tool="convertisseur-longueurs"] .measure-result{font-size: clamp(2.15rem,7.2vw,3.35rem)}}@media (max-width: 560px){[data-tool="convertisseur-longueurs"] .measure-card{padding: 14px}[data-tool="convertisseur-longueurs"] .measure-stepper{grid-template-columns: 48px minmax(0,1fr) 48px}[data-tool="convertisseur-longueurs"] .measure-result-card{grid-template-rows: auto auto auto auto;gap: 6px;min-height: 218px}[data-tool="convertisseur-longueurs"] .measure-formula{grid-template-rows: auto auto;gap: 4px;min-height: 0}[data-tool="convertisseur-longueurs"] .measure-result-main{align-items: start;min-height: 0;padding: 2px 0 8px}[data-tool="convertisseur-longueurs"] .measure-result{font-size: clamp(2.45rem,12.6vw,3.35rem)}[data-tool="convertisseur-longueurs"] .measure-detail-result-row{width: 100%}[data-tool="convertisseur-longueurs"] .measure-detail-result-row [data-measure-detail-to]{padding-inline: 10px;font-size: 0.78rem}[data-tool="convertisseur-longueurs"] .measure-copy{min-width: 88px;padding-inline: 10px}}