/* Blog export inspector. Tokens and components come from home.css and article.css; this only adds the file picker. */
.tool-pick { margin: 0 0 40px; padding: 24px 32px; border: 2px dashed var(--m9); border-radius: 24px; }
.tool-pick label { display: block; margin: 0 0 16px; font-weight: 600; color: var(--m12); }
.tool-pick input[type="file"] { display: block; width: 100%; min-width: 0; font: inherit; font-size: 16px; line-height: 24px; color: var(--body); }
.tool-pick input[type="file"]::file-selector-button { margin: 0 16px 0 0; padding: 12px 24px; border: 0; border-radius: 8px; background: var(--a9); color: var(--a-fg); font: inherit; font-weight: 500; cursor: pointer; transition: background-color .15s; }
.tool-pick input[type="file"]::file-selector-button:hover { background: var(--a10); }
#result h2:first-child { margin-top: 0; }
#result h2:focus { outline: none; }
@media (max-width: 639px) { .tool-pick { padding: 24px 16px; } .tool-pick input[type="file"]::file-selector-button { display: block; margin: 0 0 12px; } }
.tool-opt { display: flex; align-items: center; gap: 8px; }
.tool-opt input { width: 20px; height: 20px; accent-color: var(--a9); }
.tool-scroll { margin: 0 0 24px; overflow-x: auto; }
.tool-scroll table { min-width: 720px; }
.tool-addr { overflow-wrap: anywhere; word-break: break-all; }