#tool-interactive-area { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
#tool-interactive-area div[class*="lire-aussi"], #tool-interactive-area a[href*="lire-aussi"], #tool-interactive-area div[style*="clear"] { display: none !important; }
.tool-container { background-color: #ecedef; border-radius: 16px; padding: 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); max-width: 600px; margin: 32px auto; }
.tool-title { font-size: 28px; font-weight: 700; color: #1a1a1a; margin-bottom: 10px; display: block; }
.tool-desc { color: #4a4e57; font-size: 16px; margin-bottom: 24px; line-height: 1.5; }
.tool-label { font-weight: 600; color: #1f2937; font-size: 16px; display: block; margin-bottom: 8px; margin-top: 16px; }
.tool-select { width: 100%; padding: 14px 16px; border: 1px solid #d1d5db; border-radius: 8px; background-color: white; font-size: 16px; appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right .7em top 50%; background-size: .65em auto; }
.tool-btn { background-color: #dc2626; color: white; font-weight: bold; width: 100%; padding: 16px; border-radius: 8px; font-size: 18px; border: none; cursor: pointer; margin-top: 24px; transition: background 0.3s; }
.tool-btn:hover { background-color: #b91c1c; }
.tool-result { background-color: white; border: 1px solid #e5e7eb; padding: 24px; border-radius: 12px; margin-top: 24px; display: none; }
.tool-result-text { font-size: 22px; font-weight: bold; color: #10b981; text-align: center; }