/* Pickers for Google Fonts, Pexels and Iconify (js/google-fonts.js, js/pexels.js, js/iconify.js). Dialog chrome comes from brand-kit.css. */
.ig-dlg{width:min(760px,calc(100vw - 32px))}
.ig-dlg a{color:var(--accent)}
.ig-search{display:flex;gap:8px;flex-wrap:wrap}
.ig-search input{flex:1 1 220px}
.bk-dlg .ig-search select{width:auto;flex:0 1 auto}
.ig-chips{display:flex;gap:6px;flex-wrap:wrap}
.bk-dlg .ig-chips button{font-size:13px;padding:4px 10px;border-radius:999px;background:var(--sunk)}
.bk-dlg .ig-link{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;font-size:13px}
.ig-steps{margin:0;padding-left:20px;font-size:14px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.bk-btns{display:flex;gap:6px;flex-wrap:wrap}
.bk-tag{font-size:12px;color:var(--muted)}
.bk-credit{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-dlg small{font-weight:400;color:var(--muted)}

.gf-list{display:flex;flex-direction:column;gap:6px;max-height:min(52vh,520px);overflow-y:auto;padding-right:4px}
.bk-dlg .gf-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;text-align:left;padding:10px 12px;background:var(--sunk)}
.bk-dlg .gf-row:hover{border-color:var(--accent)}
.gf-name{font-size:24px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.gf-meta{font-size:12px;color:var(--muted);white-space:nowrap;flex:none}
.bk-dlg .gf-more{align-self:center}

.px-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:min(52vh,560px);overflow-y:auto;padding-right:4px}
.bk-dlg .px-item{position:relative;padding:0;overflow:hidden;aspect-ratio:3/4;background:var(--sunk);border-radius:8px}
.px-item img{width:100%;height:100%;object-fit:cover;display:block}
.px-item span{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 5px;font-size:11px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65));text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-dlg .px-item:hover{border-color:var(--accent)}
.px-item.busy{opacity:.5;cursor:progress}
.px-more{display:flex;justify-content:center}
.px-more:empty{display:none}

.ic-colour{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bk-dlg .ic-sw{width:24px;height:24px;padding:0;border-radius:6px}
.ic-colour input[type=color]{width:34px;height:28px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--sunk)}
.ic-grid{--ic:#fff;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;max-height:min(48vh,460px);overflow-y:auto;padding:8px;border-radius:10px;background:#0f1715}
.ic-grid>.bk-hint{grid-column:1/-1;color:#c9d3cf}
.bk-dlg .ic-item{aspect-ratio:1;padding:10px;display:grid;place-items:center;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.bk-dlg .ic-item:hover{border-color:var(--accent);background:rgba(255,255,255,.1)}
.bk-dlg .ic-item img{width:100%;height:100%;object-fit:contain;display:block}
.fp-ify{display:block;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.fp-ify{background:currentColor;flex:none}
#tab-text .ic-thumb{display:grid;place-items:center;background:#1b2523;padding:6px}
#tab-text .ic-thumb img{width:100%;height:100%;object-fit:contain}