.result-copy::before { content: "Copy"; }
.result-copy.is-copied::before { content: "Copied"; }
.result-png::before { content: "PNG"; }
.result-png.is-making::before { content: "Making…"; }
.related-tools-panel { margin: 1.5rem 0; }
.related-tools-panel .related-buttons { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.related-tools-panel .related-buttons a { display: inline-flex; min-height: 58px; align-items: center; padding: .8rem 1rem; border: 1px solid var(--border-color); border-radius: 10px; background: transparent; color: var(--accent-color); font-size: 1rem; font-weight: 600; line-height: 1.35; text-decoration: none; transition: border-color 150ms ease, background 150ms ease; }
.related-tools-panel .related-buttons a:hover, .related-tools-panel .related-buttons a:focus-visible { border-color: var(--accent-color); background: rgba(0,255,170,.06); color: var(--accent-color); }
.related-tools-panel .related-buttons a:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }
@media (max-width: 520px) { .related-tools-panel .related-buttons a { min-height: 48px; font-size: .9rem; } }