[data-tool="testeur-de-grilles"] *,[data-tool="testeur-de-grilles"] *::before,[data-tool="testeur-de-grilles"] *::after{box-sizing: border-box}[data-tool="testeur-de-grilles"] button,[data-tool="testeur-de-grilles"] input,[data-tool="testeur-de-grilles"] textarea{font: inherit}[data-tool="testeur-de-grilles"] button:not(:disabled){cursor: pointer}.grid-tester-tool{display: grid;gap: 22px}.grid-tester-intro{margin: 0;color: #123f73;line-height: 1.65}.grid-tester-layout{display: grid;grid-template-columns: minmax(320px,1.05fr) minmax(320px,.95fr);gap: 22px;align-items: start}.grid-tester-card{border: 1px solid #e3cf78;border-radius: 8px;background: #fff;padding: 20px}.grid-tester-card h2{margin: 0;color: #123f73;font-size: 20px;font-weight: 900;line-height: 1.2}.grid-tester-card-head,.grid-tester-results-head{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 18px}.grid-tester-actions{display: flex;flex-wrap: wrap;gap: 10px;align-items: center}.grid-tester-action{min-height: 44px;border: 1px solid #e3cf78;border-radius: 8px;background: #fff;color: #123f73;font-size: 16px;font-weight: 800;padding: 10px 16px;transition: background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}.grid-tester-action:hover,.grid-tester-action:focus-visible{border-color: #8a4f05;background: #fff7d7}.grid-tester-action:active,.grid-tester-selector button:not(:disabled):active,.grid-tester-stepper button:not(:disabled):active{transform: translateY(1px)}.grid-tester-textarea{display: block;width: 100%;min-height: 260px;border: 1px solid #e3cf78;border-radius: 8px;background: #fff;color: #123f73;font-size: 16px;line-height: 1.55;padding: 14px 16px;resize: vertical}.grid-tester-textarea:focus,.grid-tester-field input:focus,.grid-tester-stepper input:focus{border-color: #8a4f05;box-shadow: 0 0 0 3px rgba(227,207,120,.32);outline: 0}.grid-tester-status,.grid-tester-help,.grid-tester-summary{margin: 12px 0 0;color: #496882;line-height: 1.5}.grid-tester-settings{display: flex;flex-direction: column;gap: 18px}.grid-tester-settings>h2{text-align: center}.grid-tester-setting>p,.grid-tester-field>span{display: block;margin: 0 0 8px;color: #123f73;font-size: 18px;font-weight: 800;line-height: 1.2;text-align: center}.grid-tester-selector{display: flex;align-items: stretch;width: 100%;min-width: 0;border: 1px solid #e3cf78;border-radius: 8px;background: #fff;padding: 5px;gap: 4px}.grid-tester-selector button{flex: 1 1 0;min-width: 0;border: 0;border-radius: 7px;background: transparent;color: #123f73;font-size: 16px;font-weight: 800;line-height: 1.15;padding: 11px 9px;text-align: center;transition: background-color .18s ease,color .18s ease,transform .12s ease}.grid-tester-selector button.is-active{background: #8a4f05;color: #fff}.grid-tester-selector button:not(.is-active):hover,.grid-tester-selector button:not(.is-active):focus-visible{background: #fff7d7}.grid-tester-setting-row,.grid-tester-dimensions{display: grid;grid-template-columns: 1fr;gap: 18px}.grid-tester-field input{display: block;width: 100%;min-height: 44px;border: 1px solid #e3cf78;border-radius: 8px;background: #fff;color: #123f73;padding: 0 14px}.grid-tester-stepper{display: grid;grid-template-columns: 44px 58px 44px;gap: 8px;justify-content: center;align-items: center;width: 154px;margin: 0 auto}.grid-tester-stepper button,.grid-tester-stepper input{display: block;min-width: 0;min-height: 0;border: 1px solid #e3cf78;border-radius: 8px;background: #fff;color: #123f73;font-weight: 800;text-align: center}.grid-tester-stepper button{width: 44px;height: 44px;padding: 0;color: #8a4f05;font-size: 20px;line-height: 1;transition: background-color .18s ease,border-color .18s ease,transform .12s ease}.grid-tester-stepper button:not(:disabled):hover,.grid-tester-stepper button:not(:disabled):focus-visible{border-color: #8a4f05;background: #fff7d7}.grid-tester-stepper input{width: 58px;height: 44px;padding: 0 6px;font-size: 18px;line-height: 1;appearance: textfield}.grid-tester-stepper input::-webkit-outer-spin-button,.grid-tester-stepper input::-webkit-inner-spin-button{margin: 0;appearance: none}.grid-tester-actions-main{justify-content: center}.grid-tester-check{display: flex;align-items: center;justify-content: center;gap: 10px;color: #123f73;font-size: 16px;font-weight: 800;line-height: 1.3}.grid-tester-check input{width: 20px;height: 20px;accent-color: #8a4f05}.grid-tester-help{margin-top: 0;text-align: center}.grid-tester-results-head{align-items: baseline}.grid-tester-summary{margin: 0;text-align: right}.grid-tester-results{display: grid;gap: 16px}.grid-tester-result{overflow: hidden;border: 1px solid #e3cf78;border-radius: 8px;background: #fffdf4}.grid-tester-result-head{display: flex;align-items: center;justify-content: space-between;gap: 16px;border-bottom: 1px solid #e3cf78;background: #fff;padding: 14px 16px}.grid-tester-result-head h3{margin: 0;color: #123f73;font-size: 18px;line-height: 1.2}.grid-tester-meta{color: #496882;font-weight: 700;text-align: right}.grid-tester-preview{padding: 18px;overflow: auto}.grid-tester-table{border-collapse: collapse;margin: 0 auto;background: #fff}.grid-tester-table td{min-width: 34px;height: 34px;border: 1px solid #d8c16b;color: #123f73;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight: 800;text-align: center}.grid-tester-readings{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px;padding: 0 18px 18px}.grid-tester-reading{min-width: 0;border: 1px solid #e6dcc1;border-radius: 8px;background: #fff;padding: 12px}.grid-tester-reading-title{display: block;margin: 0 0 8px;color: #123f73;font-weight: 900}.grid-tester-code{margin: 0;color: #1b3349;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height: 1.45;overflow-wrap: anywhere}.grid-tester-copy{margin-top: 10px;border: 0;background: transparent;color: #8a4f05;font-weight: 900;padding: 0;transition: color .18s ease,transform .12s ease}.grid-tester-copy:hover,.grid-tester-copy:focus-visible{color: #734000}.grid-tester-copy-helper{position: fixed;top: 0;left: -9999px}.grid-tester-info-note{margin: 24px 0;border: 1px solid #e3cf78;border-radius: 8px;background: #fffdf4;padding: 20px}.grid-tester-info-note h2,.grid-tester-info-card h3{margin: 0 0 10px;color: #123f73;font-size: 20px;font-weight: 900;line-height: 1.25}.grid-tester-info-note p,.grid-tester-info-card p{margin: 0;color: #1b3349;line-height: 1.65}.grid-tester-info-note p + p,.grid-tester-info-card p + p{margin-top: 10px}.grid-tester-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px;margin: 24px 0}.grid-tester-info-card{min-width: 0;border: 1px solid #e6dcc1;border-radius: 8px;background: #fff;padding: 18px}.grid-tester-info-link{color: #8a4f05;font-weight: 800;text-decoration: underline;text-underline-offset: .18em}.grid-tester-info-link:hover,.grid-tester-info-link:focus-visible{color: var(--accent-color)}@media (max-width: 860px){.grid-tester-layout,.grid-tester-readings,.grid-tester-info-grid{grid-template-columns: 1fr}.grid-tester-card-head,.grid-tester-results-head{align-items: flex-start;flex-direction: column}.grid-tester-summary{text-align: left}}@media (max-width: 560px){.grid-tester-card{padding: 16px}.grid-tester-card-head,.grid-tester-actions,.grid-tester-action{width: 100%}.grid-tester-action{justify-content: center}.grid-tester-setting-row,.grid-tester-dimensions{grid-template-columns: 1fr}.grid-tester-selector{flex-direction: column}.grid-tester-table td{min-width: 28px;height: 28px}}