[data-tool="lecture-diagonale"] *,[data-tool="lecture-diagonale"] *::before,[data-tool="lecture-diagonale"] *::after{box-sizing: border-box}[data-tool="lecture-diagonale"] button,[data-tool="lecture-diagonale"] input,[data-tool="lecture-diagonale"] textarea{font: inherit}[data-tool="lecture-diagonale"] button:not(:disabled){cursor: pointer}.diagonal-reading-tool{display: grid;gap: 18px}.diagonal-reading-intro{margin: 0;color: var(--primary-dark,#123f73);line-height: 1.65}.diagonal-reading-card{min-width: 0;border: 1px solid #d8c16b;border-radius: 8px;background: #fff;padding: 16px}.diagonal-reading-card h2,.diagonal-reading-field>span{margin: 0;color: var(--primary-dark,#123f73);font-size: 20px;font-weight: 900;line-height: 1.2}.diagonal-reading-field>span{display: block;margin: 0 0 8px;font-size: 16px}.diagonal-reading-card-head{display: flex;align-items: center;justify-content: space-between;gap: 14px;margin-bottom: 14px}.diagonal-reading-actions{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;justify-content: flex-end}.diagonal-reading-action{display: inline-flex;align-items: center;justify-content: center;gap: 7px;min-height: 42px;border: 1px solid #d8c16b;border-radius: 8px;background: #fff;color: var(--primary-dark,#123f73);font-size: 15px;font-weight: 800;padding: 9px 14px;transition: background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}.diagonal-reading-action:hover:not(:disabled),.diagonal-reading-action:focus-visible:not(:disabled){border-color: #8a4f05;background: #fff7d7}.diagonal-reading-action:active:not(:disabled),.diagonal-reading-direction-selector button:not(:disabled):active,.diagonal-reading-stepper button:not(:disabled):active{transform: translateY(1px)}.diagonal-reading-action:disabled{cursor: not-allowed;border-color: #eadca9;background: #fffaf0;color: #a98d64}.diagonal-reading-action-icon{flex: 0 0 auto;width: 16px;height: 16px;fill: currentColor}.diagonal-reading-field{min-width: 0}.diagonal-reading-field textarea,.diagonal-reading-field input{display: block;width: 100%;border: 1px solid #d8c16b;border-radius: 8px;background: #fff;color: var(--primary-dark,#123f73);font-size: 16px;line-height: 1.55;padding: 14px 16px}.diagonal-reading-field textarea{min-height: 170px;resize: vertical}.diagonal-reading-field textarea:focus,.diagonal-reading-field input:focus,.diagonal-reading-stepper input:focus{border-color: #8a4f05;box-shadow: 0 0 0 3px rgba(216,193,107,.28);outline: 0}.diagonal-reading-source-foot{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-top: 12px}.diagonal-reading-status{min-height: 1.5em;margin: 0;color: #496882;line-height: 1.5}.diagonal-reading-stats{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 8px 14px;color: #496882;font-weight: 800}.diagonal-reading-stats strong{color: #8a4f05}.diagonal-reading-settings-grid{display: grid;grid-template-columns: minmax(260px,auto) minmax(0,1fr);gap: 14px;align-items: end}.diagonal-reading-dimensions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.diagonal-reading-stepper{display: grid;grid-template-columns: 42px 58px 42px;gap: 8px;align-items: center}.diagonal-reading-stepper button,.diagonal-reading-stepper input{display: block;min-width: 0;min-height: 0;border: 1px solid #d8c16b;border-radius: 8px;background: #fff;color: var(--primary-dark,#123f73);font-weight: 800;text-align: center}.diagonal-reading-stepper button{width: 42px;height: 42px;padding: 0;color: #8a4f05;font-size: 20px;line-height: 1;transition: background-color .18s ease,border-color .18s ease,transform .12s ease}.diagonal-reading-stepper button:not(:disabled):hover,.diagonal-reading-stepper button:not(:disabled):focus-visible{border-color: #8a4f05;background: #fff7d7}.diagonal-reading-stepper input{width: 58px;height: 42px;padding: 0 6px;font-size: 18px;line-height: 1;appearance: textfield}.diagonal-reading-stepper input::-webkit-outer-spin-button,.diagonal-reading-stepper input::-webkit-inner-spin-button{margin: 0;appearance: none}.diagonal-reading-switches{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px}.diagonal-reading-switch{position: relative;min-height: 54px;display: flex;align-items: center;justify-content: space-between;gap: 14px;border: 1px solid #d8c16b;border-radius: 8px;background: #fff;color: var(--primary-dark,#123f73);font-weight: 800;line-height: 1.3;padding: 10px 12px;transition: background-color .18s ease,border-color .18s ease,color .18s ease}.diagonal-reading-switch:has(input:not(:checked)){background: #fffaf0;color: #496882}.diagonal-reading-switch:has(input:focus-visible){outline: 3px solid color-mix(in srgb,var(--outil-focus) 30%,transparent);outline-offset: 2px}.diagonal-reading-switch input{position: absolute;opacity: 0;pointer-events: none}.diagonal-reading-switch>span:first-child{display: grid;gap: 2px;min-width: 0}.diagonal-reading-switch>span:first-child>span,.diagonal-reading-switch>span:first-child>small{overflow-wrap: anywhere}.diagonal-reading-switch>span:first-child>small{color: #8a4f05;font-size: 12px;font-weight: 900;text-transform: uppercase}.diagonal-reading-switch:has(input:not(:checked))>span:first-child>small{color: #6f7f91}.diagonal-reading-switch-ui{position: relative;flex: 0 0 auto;width: 52px;height: 28px;border: 2px solid #8a4f05;border-radius: 999px;background: #8a4f05}.diagonal-reading-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 .16s ease}.diagonal-reading-switch input:not(:checked) + .diagonal-reading-switch-ui{border-color: #d8c16b;background: #f4ead2}.diagonal-reading-switch input:not(:checked) + .diagonal-reading-switch-ui::after{left: 4px}.diagonal-reading-grid-wrap{display: flex;justify-content: center;overflow: auto;border: 1px solid #d8c16b;border-radius: 8px;background: #fffaf0;padding: 16px 12px}.diagonal-reading-grid{display: inline-grid;width: max-content;border-top: 1px solid #1f2d3d;border-left: 1px solid #1f2d3d}.diagonal-reading-row{display: flex}.diagonal-reading-cell{display: grid;place-items: center;width: clamp(30px,5vw,46px);aspect-ratio: 1;border-right: 1px solid #1f2d3d;border-bottom: 1px solid #1f2d3d;background: #fff;color: var(--primary-dark,#123f73);font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight: 800;line-height: 1;white-space: pre}.diagonal-reading-cell--empty{color: #7f8da3}.diagonal-reading-direction-selector{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px;margin: 0 0 12px}.diagonal-reading-direction-selector button{min-height: 46px;border: 1px solid #d8c16b;border-radius: 8px;background: #fff;color: var(--primary-dark,#123f73);font-size: 24px;font-weight: 900;line-height: 1;transition: background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}.diagonal-reading-direction-selector button.is-active{border-color: #8a4f05;background: #8a4f05;color: #fff}.diagonal-reading-direction-selector button:not(.is-active):hover,.diagonal-reading-direction-selector button:not(.is-active):focus-visible{border-color: #8a4f05;background: #fff7d7}.diagonal-reading-result-list{width: 100%;overflow-x: auto}.diagonal-reading-table{width: 100%;min-width: 34rem;border-collapse: collapse;color: var(--primary-dark,#123f73)}.diagonal-reading-table tr{border-bottom: 1px solid #eadca9}.diagonal-reading-table tr:first-child{border-top: 1px solid #eadca9}.diagonal-reading-table th,.diagonal-reading-table td{padding: 0.58rem 0.65rem;vertical-align: middle}.diagonal-reading-table thead th{color: var(--primary-dark,#123f73);font-size: 0.92rem;font-weight: 900;line-height: 1.2}.diagonal-reading-table thead th:first-child,.diagonal-reading-table thead th:nth-child(3){text-align: center}.diagonal-reading-table thead th:nth-child(2){text-align: left}.diagonal-reading-table-diagonal{width: 7rem;color: #8a4f05;font-weight: 900;line-height: 1.1;text-align: center}.diagonal-reading-table-text{min-width: 0;overflow-wrap: anywhere;color: var(--primary-dark,#123f73);font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight: 800;line-height: 1.45;text-align: left}.diagonal-reading-table-length{width: 7rem;color: #566f8d;font-weight: 900;text-align: center}.diagonal-reading-copy-helper{position: fixed;top: 0;left: -9999px}.diagonal-reading-info-guide{display: grid;gap: 1rem}.diagonal-reading-info-note,.diagonal-reading-info-card{border: 1px solid var(--outil-bord,#d8c16b);border-radius: 10px;background: #fff;padding: 1rem}.diagonal-reading-info-note h2,.diagonal-reading-info-card h3{margin: 0;color: var(--outil-action-dark,#8a4f05);font-weight: 950;line-height: 1.2}.diagonal-reading-info-note h2{font-size: 1.35rem}.diagonal-reading-info-card h3{font-size: 1.05rem}.diagonal-reading-info-note p,.diagonal-reading-info-card p{margin: 0.65rem 0 0;color: color-mix(in srgb,var(--primary-dark,#123f73) 84%,#555);line-height: 1.65}.diagonal-reading-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.9rem}.diagonal-reading-info-table{width: 100%;margin-top: 0.8rem;border-collapse: separate;border-spacing: 0;overflow: hidden;border: 1px solid color-mix(in srgb,var(--outil-bord,#d8c16b) 78%,#fff);border-radius: 8px;background: #fff}.diagonal-reading-info-table th,.diagonal-reading-info-table td{border-bottom: 1px solid color-mix(in srgb,var(--outil-bord,#d8c16b) 58%,#fff);padding: 0.7rem 0.8rem;color: color-mix(in srgb,var(--primary-dark,#123f73) 88%,#555);line-height: 1.45;text-align: left;vertical-align: top}.diagonal-reading-info-table th{background: var(--outil-surface,#fffaf0);color: var(--primary-dark,#123f73);font-weight: 900}.diagonal-reading-info-table tr:last-child td{border-bottom: 0}@media (max-width: 980px){.diagonal-reading-settings-grid,.diagonal-reading-switches,.diagonal-reading-info-grid{grid-template-columns: 1fr}.diagonal-reading-card-head,.diagonal-reading-source-foot{align-items: flex-start;flex-direction: column}.diagonal-reading-stats{justify-content: flex-start}}@media (max-width: 560px){.diagonal-reading-card{padding: 14px}.diagonal-reading-card-head,.diagonal-reading-source-foot,.diagonal-reading-actions,.diagonal-reading-action{width: 100%}.diagonal-reading-dimensions,.diagonal-reading-direction-selector{grid-template-columns: repeat(2,minmax(0,1fr))}.diagonal-reading-stepper{justify-content: start}.diagonal-reading-cell{width: 28px}}