#ft-list { display: grid; gap: 8px; }
.ft-row { display: grid; grid-template-columns: 170px 1fr; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border-radius: var(--r); border: 1px solid var(--line); background: var(--glass-soft); color: var(--ink); font: inherit; text-align: left; cursor: pointer; position: relative; transition: border-color 0.15s, background 0.15s; }
.ft-row:hover { border-color: var(--accent); background: var(--accent-soft); }
.ft-row:focus-visible { outline: none; box-shadow: var(--ring); }
.ft-name { font-size: 0.8rem; font-weight: 700; color: var(--muted); }
.ft-text { font-size: 1.15rem; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-wrap; }
.is-sample .ft-text { opacity: 0.6; }
.ft-row::after { content: 'Copy'; position: absolute; right: 12px; top: 8px; font-size: 0.72rem; font-weight: 700; color: var(--accent-ink); opacity: 0; transition: opacity 0.15s; }
.ft-row:hover::after, .ft-row:focus-visible::after { opacity: 1; }
.ft-row.copied::after { content: 'Copied!'; opacity: 1; color: var(--ok); }
@media (max-width: 560px) { .ft-row { grid-template-columns: 1fr; gap: 4px; } }