@charset "UTF-8";
#ftInput { min-height: 80px; font-size: 1.05rem; }
.ft-note { font-size: 0.85rem; opacity: 0.8; margin: 12px 0 0; line-height: 1.5; }
.ft-styles { display: grid; gap: 10px; margin-bottom: var(--tool-gap); }
.ft-item { background: var(--content-bg-color); border: 1px solid var(--border-color); border-radius: var(--tool-radius); padding: 12px 14px; cursor: pointer; transition: var(--tool-transition); }
.ft-item:hover { border-color: var(--tool-accent); }
.ft-item:active { transform: scale(0.995); }
.ft-label { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.6; display: flex; justify-content: space-between; align-items: center; }
.ft-copy-hint { font-weight: 600; color: var(--tool-accent); opacity: 0; transition: opacity 0.2s; text-transform: none; letter-spacing: 0; }
.ft-item:hover .ft-copy-hint { opacity: 1; }
.ft-out { margin-top: 6px; font-size: 1.25rem; line-height: 1.5; word-break: break-word; }
.ft-about p { margin: 0 0 12px; }