.browser-tool{box-sizing:border-box;max-width:950px;margin:2rem auto;padding:clamp(1rem,4vw,2rem);background:#fff;color:#172033;border:1px solid #cbd5e1;border-radius:16px;line-height:1.6}
.browser-tool label{display:block;font-weight:700;margin-top:1rem}
.browser-tool input,.browser-tool select{box-sizing:border-box;max-width:100%;width:100%;padding:.75rem;border:1px solid #64748b;border-radius:8px;font:inherit;background:#fff;color:#172033}
.browser-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}
.browser-actions button{padding:.7rem 1rem;border:1px solid #164ac3;border-radius:8px;background:#164ac3;color:#fff;font:inherit;cursor:pointer}
.browser-actions button:disabled{background:#e2e8f0;border-color:#94a3b8;color:#475569;cursor:default}
.browser-tool :focus-visible{outline:3px solid #a34300;outline-offset:3px}
.browser-tool a{color:#164ac3;text-decoration:underline}
.browser-tool pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f9;padding:1rem;border-radius:8px}
.browser-table-wrap{max-width:100%;overflow:auto}
.browser-tool table{border-collapse:collapse;width:100%;font-size:.95rem}
.browser-tool td,.browser-tool th{padding:.5rem;text-align:left;border-bottom:1px solid #cbd5e1;overflow-wrap:anywhere;max-width:25rem}
.browser-tool img{max-width:100%;height:auto}
.browser-tool [hidden]{display:none}
@media(max-width:400px){.browser-tool{margin:1rem 0}.browser-actions button{flex:1}}