.code-tool-description{color: inherit;margin: 0 0 1rem;max-width: none;font-size: 1rem;font-weight: 400;line-height: 1.5}.railfence-panel{--railfence-accent: var(--outil-action);--railfence-soft: color-mix(in srgb,var(--railfence-accent) 12%,transparent);--railfence-border: rgba(148,163,184,.35);--railfence-muted: #64748b}.railfence-intro{margin: 0 0 1.25rem;color: var(--railfence-muted);line-height: 1.6}.railfence-grid-layout{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 1rem}.railfence-card{border: 1px solid var(--railfence-border);border-radius: 18px;padding: 1rem;background: rgba(255,255,255,.72);box-shadow: 0 14px 30px rgba(15,23,42,.06)}.railfence-head{display: flex;justify-content: space-between;gap: 1rem;margin-bottom: .9rem}.railfence-head h2{margin: 0;font-size: 1.05rem}.railfence-status,.railfence-note{margin: .25rem 0 0;color: var(--railfence-muted);font-size: .92rem;line-height: 1.45}.railfence-status.is-success{color: #15803d}.railfence-status.is-error{color: #b91c1c}.railfence-mode,.railfence-checks{display: flex;flex-wrap: wrap;gap: .65rem .9rem;align-items: center;margin-bottom: 1rem}.railfence-mode>span{font-weight: 700}.railfence-mode label,.railfence-checks label{display: inline-flex;align-items: center;gap: .4rem;cursor: pointer}.railfence-field{display: grid;gap: .35rem;margin-bottom: .9rem;font-weight: 700}.railfence-field small{color: var(--railfence-muted);font-weight: 400;line-height: 1.35}.railfence-textarea,.railfence-result,.railfence-rails input{width: 100%;border: 1px solid var(--railfence-border);border-radius: 14px;padding: .8rem .9rem;background: #fff;color: inherit;font: inherit;box-sizing: border-box}.railfence-textarea,.railfence-result{resize: vertical;min-height: 11rem;line-height: 1.5}.railfence-result{background: linear-gradient(180deg,#fff,var(--railfence-soft));font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.railfence-rails input{max-width: 10rem}.railfence-actions{display: flex;flex-wrap: wrap;gap: .65rem;margin-top: .9rem}.railfence-preview-wrap{margin-top: 1rem;border-top: 1px solid var(--railfence-border);padding-top: .9rem}.railfence-preview-wrap strong{display: block;margin-bottom: .5rem}.railfence-preview{min-height: 4rem;max-height: 16rem;overflow: auto;margin: 0;padding: .85rem;border-radius: 14px;background: #0f172a;color: #f8fafc;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size: .9rem;line-height: 1.45;white-space: pre}@media (max-width: 780px){.railfence-grid-layout{grid-template-columns: 1fr}}.code-number-stepper{display: grid;grid-template-columns: 3rem minmax(4rem,1fr) 3rem;gap: .45rem;align-items: stretch;width: 100%}.code-number-stepper__button,.code-number-stepper__input{min-height: 3rem;border: 2px solid var(--outil-action);border-radius: .8rem;background: #fff;color: var(--outil-fonce);font: inherit}.code-number-stepper__button{display: inline-flex;align-items: center;justify-content: center;color: var(--outil-action);font-size: 1.35rem;font-weight: 900;cursor: pointer;transition: border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.code-number-stepper__button:hover,.code-number-stepper__button:focus-visible{border-color: var(--accent-color);color: var(--accent-color);box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent-color) 18%,transparent);outline: 0}.code-number-stepper__button:active{transform: translateY(1px) scale(.98)}.code-number-stepper__input{min-width: 0;padding: .65rem .75rem;text-align: center;appearance: textfield}.code-number-stepper__input:focus{border-color: var(--accent-color);box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent-color) 18%,transparent);outline: 0}.code-number-stepper__input::-webkit-outer-spin-button,.code-number-stepper__input::-webkit-inner-spin-button{margin: 0;appearance: none}button[id*="copy"],button[class*="copy"],button[data-action="copy"],button[data-braille-action="copy"],button[data-splits-copy],button[data-race-copy],button[data-orm-copy],button[data-ra-copy],button[data-sa-copy],button[data-gc-copy]{transition: transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease}button[id*="copy"]:active,button[class*="copy"]:active,button[data-action="copy"]:active,button[data-braille-action="copy"]:active,button[data-splits-copy]:active,button[data-race-copy]:active,button[data-orm-copy]:active,button[data-ra-copy]:active,button[data-sa-copy]:active,button[data-gc-copy]:active{transform: translateY(1px) scale(.985)}