.file-checksum-tool{padding-bottom:48px}.file-checksum-tool .checksum-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;margin-bottom:24px;padding:32px}.file-checksum-tool h2{align-items:center;gap:12px;margin:0 0 24px;font-size:24px;display:flex}.file-checksum-tool h3{margin:24px 0 12px;font-size:18px}.file-checksum-tool p{line-height:1.6}.file-checksum-tool .checksum-drop{border:1px dashed var(--tool-border);background:var(--surface-soft);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.file-checksum-tool .checksum-drop>svg{color:var(--tool-accent)}.file-checksum-tool button,.file-checksum-tool a.checksum-primary,.file-checksum-tool .checksum-picker{border:1px solid var(--line);min-height:44px;color:var(--text);background:var(--surface);font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;text-decoration:none;display:inline-flex}.file-checksum-tool .checksum-primary{background:var(--tool-accent)!important;color:var(--on-tool)!important;border-color:var(--tool-accent)!important}.file-checksum-tool .checksum-primary:hover:not(:disabled){background:var(--tool-accent-hover)!important}.file-checksum-tool .checksum-actions{flex-wrap:wrap;gap:12px;margin:24px 0 16px;display:flex}.file-checksum-tool .checksum-picker{cursor:pointer;position:relative;overflow:hidden}.file-checksum-tool .checksum-picker input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}:is(.file-checksum-tool .checksum-picker:focus-within,.file-checksum-tool :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible){outline:3px solid var(--focus);outline-offset:4px}.file-checksum-tool .checksum-hint{color:var(--text-muted);margin:12px 0;font-size:14px}.file-checksum-tool .checksum-filename{overflow-wrap:anywhere;margin-top:16px}.file-checksum-tool .checksum-error{color:var(--error-text);background:var(--error-soft);border:1px solid var(--error-line);overflow-wrap:anywhere;border-radius:8px;margin:16px 0;padding:12px 16px}.file-checksum-tool .checksum-help{color:var(--text-muted);margin-top:24px;font-size:14px}.file-checksum-tool summary{cursor:pointer;min-height:44px;padding:12px 0}@media (max-width:600px){.file-checksum-tool .checksum-card{padding:20px}.file-checksum-tool .checksum-actions>*{width:100%}.file-checksum-tool .intro>p{max-width:none}}.file-checksum-tool .checksum-modes{gap:8px;margin-bottom:24px;display:flex}.file-checksum-tool .checksum-modes [aria-pressed=true]{border-color:var(--tool-accent);background:var(--tool-soft);color:var(--tool-accent)}.file-checksum-tool .checksum-label{margin:20px 0 8px;font-size:14px;font-weight:600;display:block}.file-checksum-tool :is(textarea,select,input:not([type=file])){background:var(--surface-soft);width:100%;min-width:0;min-height:44px;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;padding:12px}.file-checksum-tool textarea{resize:vertical;font-family:var(--font-geist-mono), monospace;overflow-wrap:anywhere;font-size:14px}
