.privacy-note { background: #e8f5f0; border: 1px solid #a8dccb; color: #145442; }
.privacy-note p { line-height: 1.55; }
#names { display: block; width: 100%; min-height: 15rem; padding: .8rem; resize: vertical; border: 1px solid #94a3b8; border-radius: .75rem; color: #1e293b; background: #fff; font: 1rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
#status { min-height: 1.5em; color: #31546b; }
#status.error { color: #a12828; }
.tool-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.tool-button { padding: .7rem 1.15rem; border: 1px solid #2563eb; border-radius: .75rem; background: #2563eb; color: #fff; font: inherit; font-weight: 650; cursor: pointer; transition: background .15s, border-color .15s; }
.tool-button:hover { background: #1d4ed8; border-color: #1d4ed8; }
.tool-button:disabled { opacity: .65; cursor: wait; }
.tool-button.secondary { background: #eff6ff; color: #1e40af; }
.tool-button.secondary:hover { background: #dbeafe; }
.tool-button.ghost { background: #fff; border-color: #94a3b8; color: #334155; }
.tool-button.ghost:hover { background: #f1f5f9; }
.tool-button:focus-visible, #names:focus-visible { outline: 3px solid #f59e0b; outline-offset: 2px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
html[data-theme="dark"] .privacy-note { background: #153d35; border-color: #2f8a71; color: #d1fae5; }
html[data-theme="dark"] #names { background: #0f172a; border-color: #64748b; color: #f1f5f9; }
html[data-theme="dark"] #status { color: #bfdbfe; }
html[data-theme="dark"] #status.error { color: #fca5a5; }
html[data-theme="dark"] .tool-button.secondary { background: #172554; border-color: #3b82f6; color: #dbeafe; }
html[data-theme="dark"] .tool-button.ghost { background: #1e293b; border-color: #64748b; color: #e2e8f0; }
@media (max-width: 520px) { .tool-actions { display: grid; } .tool-actions .tool-button { width: 100%; } }