.jeu-tool{background: var(--bs-body-bg,#fff);border-radius: 14px;border: 1px solid var(--bs-border-color,#e5e7eb);overflow: hidden;box-shadow: 0 4px 24px rgba(0,0,0,.06);margin-bottom: 2rem;}
.jeu-panes{display: flex;flex-direction: column;gap: 16px;padding: 20px;}
.jeu-pane{display: flex;flex-direction: column;gap: 8px;}
.jeu-label{font-size: 13px;font-weight: 600;color: var(--text-muted,#6b7280);text-transform: uppercase;letter-spacing: .04em;}
.jeu-textarea{width: 100%;min-height: 160px;padding: 14px 16px;font-family: ui-monospace,SFMono-Regular,Consolas,monospace;font-size: 14px;line-height: 1.55;color: var(--bs-body-color);background: var(--bs-body-bg,#fff);border: 1px solid var(--bs-border-color,#e5e7eb);border-radius: 10px;resize: vertical;transition: border-color .2s,box-shadow .2s;-webkit-tap-highlight-color: transparent;}
.jeu-textarea:focus{outline: 0;border-color: var(--primary-color,#6cb33f);box-shadow: 0 0 0 3px rgba(108,179,63,.18);}
.jeu-textarea::placeholder{color: var(--text-muted,#9ca3af);opacity: .9;}
.jeu-textarea[readonly]{background: var(--bs-tertiary-bg,#f9fafb);cursor: default;}
.jeu-actions-col{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;}
.jeu-action-btn{padding: 12px 20px;font-size: 14px;font-weight: 600;border-radius: 10px;border: none;cursor: pointer;transition: background .2s,color .2s,transform .15s;-webkit-tap-highlight-color: transparent;}
.jeu-escape{color: #fff;background: var(--primary-color,#6cb33f);}
.jeu-escape:hover{filter: brightness(1.08);}
.jeu-unescape{color: #fff;background: var(--blue-color,#1da9e7);}
.jeu-unescape:hover{filter: brightness(1.08);}
.jeu-clear{color: var(--text-muted,#6b7280);background: var(--bs-tertiary-bg,#f3f4f6);border: 1px solid var(--bs-border-color,#e5e7eb);}
.jeu-clear:hover{background: var(--bs-secondary-bg);color: var(--bs-body-color);}
.jeu-copy{color: var(--bs-body-color);background: var(--bs-tertiary-bg,#f3f4f6);border: 1px solid var(--bs-border-color,#e5e7eb);}
.jeu-copy:hover:not(:disabled){background: var(--bs-secondary-bg);}
.jeu-copy:disabled{opacity: .6;cursor: not-allowed;}
.jeu-hint{font-size: 12px;color: var(--text-muted,#9ca3af);margin: 12px 0 0;padding: 0 4px;}
@media (min-width:768px){.jeu-panes{flex-direction: row;align-items: stretch;gap: 0;padding: 24px;min-height: 320px;}
.jeu-input-pane{flex: 1;min-width: 0;}
.jeu-output-pane{flex: 1;min-width: 0;}
.jeu-actions-col{flex-direction: column;flex: 0 0 120px;justify-content: center;gap: 12px;padding: 0 20px;border-left: 1px solid var(--bs-border-color,#e5e7eb);border-right: 1px solid var(--bs-border-color,#e5e7eb);}
.jeu-action-btn{width: 100%;}
.jeu-textarea{min-height: 240px;}
.jeu-hint{margin: 16px 24px 0;}}
@media (min-width:992px){.jeu-panes{padding: 28px;min-height: 360px;}
.jeu-actions-col{flex: 0 0 140px;padding: 0 24px;}
.jeu-textarea{min-height: 280px;font-size: 14px;}}