/* 손글씨 보관함 창(font-shelf.js, 2026-10-02). 계정 메뉴에서 연다. 친구 창(.friend-dialog)·대표사진 카드와 같은 모양. */
.font-shelf-sheet{width:min(720px,calc(100% - 30px));max-height:calc(100dvh - 40px)}
.font-shelf-sheet .dialog-head h2 small{margin-left:6px;color:var(--muted);font-size:13px;font-weight:700}
.font-shelf{display:grid;gap:14px}
.font-shelf h3{margin:4px 0 8px;font-size:14px;font-weight:800}
.font-shelf-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.font-shelf-card{display:grid;gap:8px;border:1px solid var(--line);background:var(--surface);padding:12px}
.font-shelf-gifts .font-shelf-card{border-color:var(--line-strong);background:var(--surface-2)}
.font-shelf-sample{overflow:hidden;font-size:24px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}
.font-shelf-meta{display:grid;gap:2px;min-width:0}
.font-shelf-meta strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.font-shelf-meta small{color:var(--muted);font-size:12px}
.font-shelf-actions{display:flex;flex-wrap:wrap;gap:6px}
.font-shelf-actions button{min-height:38px;border:1px solid var(--line-strong);background:var(--surface);padding:0 12px;font-weight:700}
.font-shelf-actions button.primary{background:var(--fill);color:var(--ink);border-color:var(--line-strong);font-weight:800}
.font-shelf-actions button:disabled{opacity:.5}
.font-shelf-workshop{justify-self:start;color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}
.font-shelf-workshop:hover{color:var(--ink)}
.font-shelf .message:empty{display:none}
.font-shelf-dialog{width:min(460px,calc(100% - 30px))}
.font-shelf-friends{display:grid;gap:6px;max-height:50dvh;overflow:auto}
.font-shelf-friends button{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-height:48px;border:1px solid var(--line-strong);background:var(--surface);padding:0 14px;text-align:left}
.font-shelf-friends button small{color:var(--muted);font-size:12px}
.font-shelf-friends button:disabled{opacity:.5}
@media(max-width:760px){.font-shelf-list{grid-template-columns:1fr}.font-shelf-sample{font-size:21px}}