.custom-palettes{display:grid;gap:14px;margin-top:18px}.custom-palette{padding:12px;border:1px solid var(--line);border-radius:7px}.palette-edit-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.palette-edit-colors label{font-size:12px;display:grid;gap:5px}.palette-edit-colors input{width:100%;height:40px;border:0;padding:0;background:none}.font-browse{margin-top:5px;text-align:left;width:100%;font-size:14px}.library-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.library-dialog-heading h2{margin:0}#fontLibrary{width:min(1000px,95vw);max-width:1000px;max-height:90vh;overflow:auto;padding:24px;background:var(--panel);color:var(--ink)}.font-library-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}#fontCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.font-card{padding:16px;border:1px solid var(--line);border-radius:7px;min-width:0;display:flex;flex-direction:column}.font-card-meta{display:grid;gap:3px;font-size:14px}.font-card-meta span{font-size:12px;color:var(--muted)}.font-card p{font-size:27px;line-height:1.3;overflow-wrap:anywhere;flex:1}.font-card button{font-size:14px}.font-pagination{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px}#boardNoteDialog{max-width:500px;width:94vw;background:var(--panel);color:var(--ink)}.board-wrap .notes-surface{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;border:0;background:transparent;pointer-events:none}.board-wrap .notes-caption{display:none}.board-wrap .notes-surface .sticky{width:min(175px,45%);height:125px;max-height:125px;pointer-events:auto}.board-wrap .notes-surface .note-handle{font-size:13px}.compare-head{flex-wrap:wrap}.compare-head button{font-size:13px}.notes-toolbar{margin-top:12px}.hidden.board{display:none}#identityBoardWrap:has(>.board.hidden){display:none}@media(max-width:760px){#fontCards{grid-template-columns:1fr 1fr}.font-card p{font-size:23px}.font-library-filters{grid-template-columns:1fr}.font-pagination{flex-wrap:wrap}#fontLibrary{padding:16px}.board-wrap .notes-surface .sticky{width:45%;font-size:13px}}@media(max-width:450px){#fontCards{grid-template-columns:1fr}}
#identityBoardWrap:has(>.board.hidden){display:block}

.palette-live-preview{display:grid;gap:6px;min-height:85px;padding:16px;border-left:12px solid;overflow-wrap:anywhere}
.palette-live-preview strong{font-size:18px;line-height:1.3}
.palette-live-preview span{font-size:14px;line-height:1.4}