[data-tool="code-ascii"]{--ascii-action: var(--outil-action);--ascii-action-hover: var(--outil-action-hover);--ascii-action-text: var(--outil-action-texte);--ascii-border: var(--outil-bord);--ascii-surface: var(--outil-surface);--ascii-surface-hover: var(--outil-surface-hover);--ascii-text: var(--outil-texte);--ascii-strong: var(--outil-fonce);display: grid;gap: 1rem}[data-tool="code-ascii"] *,[data-tool="code-ascii"] *::before,[data-tool="code-ascii"] *::after{box-sizing: border-box}.ascii-code-intro,.ascii-code-field-status{color: var(--ascii-text);line-height: 1.5}.ascii-code-intro{margin: 0}.ascii-code-settings,.ascii-code-editor,.ascii-code-result-panel{min-width: 0;border: 1px solid var(--ascii-border);border-radius: 8px;background: #fff;overflow: hidden}.ascii-code-settings{display: grid;gap: .85rem;padding: 1rem}.ascii-code-tool .ascii-code-title{margin: 0;color: var(--ascii-strong);font-family: inherit;font-size: 1.18rem;font-weight: 850;line-height: 1.2;letter-spacing: 0}.ascii-code-tool .ascii-code-settings-title,.ascii-code-result-panel .ascii-code-title{text-align: center}.ascii-code-settings-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: .85rem;align-items: start}.ascii-code-setting{display: grid;gap: .5rem;padding: .65rem;border: 1px solid var(--ascii-border);border-radius: 8px;background: var(--ascii-surface)}.ascii-code-label{margin: 0;color: var(--ascii-strong);font-family: inherit;font-size: .88rem;font-weight: 800;line-height: 1.2;text-align: center}.ascii-code-selector{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: .3rem;padding: .3rem;border: 1px solid color-mix(in srgb,var(--ascii-action) 35%,var(--ascii-border));border-radius: 8px;background: #fff}.ascii-code-selector-4{grid-template-columns: repeat(4,minmax(0,1fr))}.ascii-code-selector-button{min-width: 0;min-height: 2.35rem;border: 0;border-radius: 7px;background: transparent;color: var(--ascii-strong);font: inherit;font-size: .82rem;font-weight: 800;line-height: 1.15;cursor: pointer;transition: transform .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.ascii-code-symbol-button{font-size: 1.35rem;font-weight: 950}.ascii-code-selector-button:hover,.ascii-code-selector-button:focus-visible{background: var(--ascii-surface-hover);outline: 0}.ascii-code-selector-button.is-active{background: var(--ascii-action);color: var(--ascii-action-text);box-shadow: 0 0 0 2px color-mix(in srgb,var(--ascii-action) 18%,transparent)}.ascii-code-custom-label{display: grid;gap: .35rem;color: var(--ascii-strong);font-weight: 850}.ascii-code-custom-label input{min-height: 2.75rem;width: 100%;border: 1px solid var(--ascii-border);border-radius: 8px;background: #fff;color: var(--ascii-strong);font: inherit;padding: .55rem .75rem}.ascii-code-custom-label input:disabled{background: #eef1f5;color: #607089;opacity: .72}.ascii-code-custom-label input:not(:disabled):focus{border-color: var(--ascii-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--ascii-action) 15%,transparent);outline: 0}.ascii-code-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem;align-items: stretch}.ascii-code-editor,.ascii-code-result-panel{display: grid;grid-template-rows: auto minmax(0,1fr) auto}.ascii-code-editor-top,.ascii-code-result-top{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: .7rem;align-items: center;padding: .75rem .9rem;background: var(--ascii-surface)}.ascii-code-result-top{grid-template-columns: 1fr}.ascii-code-editor-bottom{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: .7rem;align-items: center;padding: .75rem .9rem;background: var(--ascii-surface)}.ascii-code-editor-top,.ascii-code-result-top{border-bottom: 1px solid var(--ascii-border)}.ascii-code-editor-bottom{border-top: 1px solid var(--ascii-border)}.ascii-code-action-group{display: flex;flex-wrap: nowrap;gap: .55rem;align-items: center;justify-content: flex-end;min-width: 0}.ascii-code-action{min-height: 2.85rem;width: auto;max-width: 100%;flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;gap: .45rem;border: 1px solid var(--ascii-border);border-radius: 8px;padding: .55rem .8rem;background: #fff;color: var(--ascii-strong);font: inherit;font-size: .94rem;font-weight: 800;line-height: 1.1;white-space: nowrap;cursor: pointer;transition: transform .14s ease,border-color .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}.ascii-code-action span{min-width: 0;font-size: inherit;font-weight: inherit;line-height: inherit}.ascii-code-action-primary{background: var(--ascii-action);border-color: var(--ascii-action);color: var(--ascii-action-text)}.ascii-code-action:not(:disabled):hover,.ascii-code-action:not(:disabled):focus-visible{border-color: var(--ascii-action-hover);color: var(--ascii-action-hover);background: var(--ascii-surface-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--ascii-action) 15%,transparent);outline: 0}.ascii-code-action-primary:not(:disabled):hover,.ascii-code-action-primary:not(:disabled):focus-visible{background: var(--ascii-action-hover);color: var(--ascii-action-text)}.ascii-code-action:not(:disabled):active,.ascii-code-selector-button:not(:disabled):active{transform: translateY(1px)}.ascii-code-action:disabled{cursor: not-allowed;opacity: .48;transform: none;box-shadow: none}.ascii-code-action-icon{flex: 0 0 auto}.ascii-code-textarea{width: 100%;min-width: 0;min-height: 16rem;border: 0;border-radius: 0;box-shadow: none;outline-offset: -3px;background: #fff;color: var(--ascii-strong);font: inherit;line-height: 1.55;resize: none;padding: 1rem}.ascii-code-result-textarea{background: color-mix(in srgb,var(--ascii-surface) 70%,#fff)}.ascii-code-textarea:focus{outline: 3px solid color-mix(in srgb,var(--ascii-action) 24%,transparent)}.ascii-code-textarea::placeholder{color: #71829c}.ascii-code-field-status{min-height: 1.5rem;margin: 0;min-width: 0;font-size: .95rem;font-weight: 800;overflow-wrap: anywhere}.ascii-code-copy-proxy{position: fixed;inset-inline-start: -9999px;top: 0;width: 1px;height: 1px;opacity: 0}.ascii-code-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: .85rem;margin: 1rem 0}.ascii-code-info-card,.ascii-code-info-example{border: 1px solid var(--outil-bord);border-radius: 8px;background: var(--outil-surface);padding: 1rem}.ascii-code-info-card h3,.ascii-code-info-example h3{margin-top: 0;color: var(--outil-fonce)}.ascii-code-reference-table{width: 100%;border-collapse: collapse;margin: 1rem 0;overflow: hidden;border: 1px solid var(--outil-bord);border-radius: 8px}.ascii-code-reference-table th,.ascii-code-reference-table td{border: 1px solid var(--outil-bord);padding: .55rem .7rem;text-align: center}.ascii-code-reference-table th{background: var(--outil-surface);color: var(--outil-fonce)}.ascii-code-reference-table td{background: #fff}.ascii-code-info-code{display: inline-block;border: 1px solid var(--outil-bord);border-radius: 6px;background: #fff;color: var(--outil-fonce);padding: .08rem .35rem;font-weight: 900}.ascii-code-info-example a,.ascii-code-info-card a{color: var(--outil-action);font-weight: 900;text-decoration: underline;cursor: pointer}@media (max-width: 1040px){.ascii-code-settings-grid,.ascii-code-grid,.ascii-code-info-grid{grid-template-columns: 1fr}}@media (max-width: 580px){.ascii-code-selector-4{grid-template-columns: repeat(2,minmax(0,1fr))}.ascii-code-editor-top,.ascii-code-editor-bottom,.ascii-code-result-top{align-items: stretch;flex-direction: column}.ascii-code-action-group{justify-content: stretch}.ascii-code-action{flex: 1 1 auto}}