/* 퓨니코드 변환기 */
.pc-area {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 1rem; line-height: 1.7; word-break: break-all;
}
.pc-alert { margin-top: var(--spacing-md, 1rem); }
.pc-note-fix { margin-top: var(--spacing-lg, 1.5rem); }
.pc-samples { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .5rem; }
.pc-sample {
    display: flex; flex-direction: column; gap: .125rem; text-align: left;
    padding: .5rem .625rem; cursor: pointer;
    border: 1px solid var(--border-color, #e5e8ed); border-radius: var(--radius-sm, 6px);
    background: var(--bg-surface, #fff);
    transition: border-color .15s ease, background-color .15s ease;
}
.pc-sample:hover, .pc-sample:focus-visible { border-color: var(--accent-primary, #3b6fe0); background: var(--accent-soft, #eef3fd); outline: none; }
.pc-sample code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: var(--text-sm, .875rem); word-break: break-all; }
.pc-sample span { font-size: var(--text-ui-sm, .8125rem); color: var(--text-muted, #626977); }