/* The font library uses real bundled faces; chrome always uses the editor UI font. */
.g7-builder-shell .ib-font-picker{width:min(920px,calc(100vw - 28px));height:min(760px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--e-line,#52677d);border-radius:20px;background:var(--e-panel,#19273b)!important;color:var(--e-ink,#edf3fa)!important;box-shadow:0 24px 85px #06132166;box-sizing:border-box;overflow:hidden;font:13px/1.5 system-ui}
.ib-font-picker[open]{display:flex;flex-direction:column}.ib-font-picker::backdrop{background:#06132199;backdrop-filter:blur(6px)}
.ib-font-picker>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex:none;padding:23px 24px 18px;border-bottom:1px solid var(--e-line,#52677d)}
.ib-font-eyebrow{font:750 9px/1.4 system-ui;letter-spacing:1.5px;color:var(--e-accent,#89d8ce)}.ib-font-picker h2{margin:7px 0 5px;font:750 27px/1.25 system-ui;color:var(--e-ink,#edf3fa)!important}.ib-font-picker header p{margin:0;color:var(--e-muted,#b4c5d6);font:12px/1.6 system-ui}
.g7-builder-shell .ib-font-picker button{font:600 12px/1.4 system-ui;cursor:pointer;border:1px solid var(--e-line,#52677d)!important;border-radius:8px;background:var(--e-field,#142436)!important;color:var(--e-ink,#edf3fa)!important;padding:9px 12px;box-shadow:none}
.g7-builder-shell .ib-font-picker .ib-font-close{display:grid;place-items:center;flex:none;width:34px;height:34px;min-height:34px;border-radius:50%;padding:7px;background:transparent!important;color:var(--e-muted,#b4c5d6)!important}.ib-font-close svg{width:18px;height:18px}
.ib-font-tools{flex:none;padding:16px 24px 10px;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.g7-builder-shell .ib-font-tools input{width:100%;box-sizing:border-box;min-width:0;min-height:40px;padding:9px 11px;border:1px solid var(--e-line,#52677d)!important;border-radius:9px;background:var(--e-field,#142436)!important;color:var(--e-ink,#edf3fa)!important;font:13px/1.5 system-ui;box-shadow:none}.ib-font-tools input::placeholder{color:var(--e-muted,#b4c5d6);opacity:.8}.ib-font-tools>input{align-self:end}.ib-font-tools label{min-width:0;color:var(--e-muted,#b4c5d6);font:11px/1.5 system-ui;display:grid;gap:5px}
.ib-font-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.g7-builder-shell .ib-font-filters button{padding:6px 10px;font-size:11px;min-height:31px;border-radius:20px}.g7-builder-shell .ib-font-filters button[aria-pressed=true]{background:var(--e-tint,#284647)!important;color:var(--e-accent,#89d8ce)!important;border-color:var(--e-accent,#89d8ce)!important}.ib-font-count{grid-column:1/-1;margin:0;font:11px/1.5 system-ui;color:var(--e-muted,#b4c5d6)}
.ib-font-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:5px 24px 20px;scroll-padding:10px}
.g7-builder-shell .ib-font-results .ib-font-card{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:17px;min-width:0;min-height:130px;padding:15px;text-align:left;border-radius:13px;background:var(--e-field,#142436)!important;white-space:normal}
.g7-builder-shell .ib-font-results .ib-font-card:is(:hover,[aria-selected=true]){border-color:var(--e-accent,#89d8ce)!important}.g7-builder-shell .ib-font-results .ib-font-card[aria-selected=true]{box-shadow:inset 0 0 0 1px var(--e-accent,#89d8ce);background:var(--e-tint,#284647)!important}
.ib-font-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font:600 12px/1.5 system-ui;color:var(--e-ink,#edf3fa)}.ib-font-card-top small{font:400 10px/1.5 system-ui;color:var(--e-muted,#b4c5d6)}.ib-font-sample{display:block;font-size:29px;line-height:1.45;font-weight:400;overflow-wrap:anywhere;min-height:42px;color:var(--e-ink,#edf3fa)}.ib-font-card:not([data-font-loaded=true]) .ib-font-sample{opacity:.5;font-family:system-ui}
.ib-font-picker>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none;padding:17px 24px;border-top:1px solid var(--e-line,#52677d)}.ib-font-selection{display:flex;align-items:center;gap:10px;min-width:0}.ib-font-selection-icon{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:10px;background:var(--e-tint,#284647);color:var(--e-accent,#89d8ce);font:600 17px/1 system-ui}.ib-font-selection strong{display:block;font:650 13px/1.5 system-ui}.ib-font-selection small{display:block;margin-top:2px;color:var(--e-muted,#b4c5d6);font:10px/1.5 system-ui}.ib-font-footer-actions{display:flex;gap:8px;flex:none}.g7-builder-shell .ib-font-picker .ib-font-use{background:var(--e-accent,#89d8ce)!important;border-color:var(--e-accent,#89d8ce)!important;color:var(--e-accent-ink,var(--e-on-accent,#102d2a))!important;min-width:115px}.g7-builder-shell .ib-font-picker button:disabled{opacity:.45;cursor:default}.ib-font-empty{margin:0;padding:25px;flex:1;color:var(--e-muted,#b4c5d6)}
.g7-builder-shell .ib-font-picker [hidden]{display:none!important}.g7-builder-shell .ib-font-picker :is(button,input):focus-visible{outline:2px solid var(--e-accent,#89d8ce)!important;outline-offset:3px}
.g7-builder-shell .ib-font-field{min-width:0}.ib-font-inline-preview{padding:11px 0 4px;font-size:22px;line-height:1.5;overflow-wrap:anywhere;color:var(--e-ink,#edf3fa)}
.g7-builder-shell .ib-font-field .ib-font-browse{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;margin-top:8px;padding:9px 11px!important;border:1px solid var(--e-line,#52677d)!important;border-radius:9px;background:var(--e-field,#142436)!important;color:var(--e-ink,#edf3fa)!important;font:650 12px/1.5 system-ui;cursor:pointer}.ib-font-browse::after{content:'100 fonts';font-size:10px;font-weight:500;color:var(--e-accent,#89d8ce)}.g7-builder-shell .ib-font-field .ib-font-browse:is(:hover,:focus-visible){border-color:var(--e-accent,#89d8ce)!important;outline-color:var(--e-accent,#89d8ce)}
@media(max-width:600px){.g7-builder-shell .ib-font-picker{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.ib-font-picker>header{padding:17px 16px 14px}.ib-font-picker h2{font-size:23px}.ib-font-tools{padding:13px 16px 8px;grid-template-columns:1fr;gap:10px}.ib-font-filters{gap:5px}.g7-builder-shell .ib-font-filters button{font-size:10px;padding:5px 8px;min-height:29px}.ib-font-results{grid-template-columns:1fr;padding:5px 16px 15px;gap:9px}.g7-builder-shell .ib-font-results .ib-font-card{min-height:115px;padding:13px}.ib-font-sample{font-size:27px}.ib-font-picker>footer{padding:13px 16px;flex-wrap:wrap;gap:10px}.ib-font-footer-actions{margin-left:auto}.ib-font-selection small{display:none}}

.ib-font-controls{display:grid;grid-template-columns:minmax(0,1fr)94px;align-items:stretch;gap:7px}.ib-font-controls select{min-width:0;width:100%}.g7-builder-shell .ib-font-controls .ib-font-browse{margin:0;justify-content:center;padding:8px!important;font-size:11px;white-space:nowrap}.ib-font-controls .ib-font-browse::after{display:none}

.g7-builder-shell .ib-font-results .ib-font-card{height:auto!important}.ib-font-card-top,.ib-font-sample{flex:none}

.ib-font-results{grid-auto-rows:max-content}.g7-builder-shell .ib-font-results .ib-font-card{display:block!important;height:auto!important}.ib-font-sample{margin-top:17px}

.g7-builder-shell .ib-font-results .ib-font-card[hidden]{display:none!important}