/* Text-only font studio: preview first, export actions in a compact footer. */
html[data-project=fonts] .card-body{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;min-height:0}
html[data-project=fonts] .card-body>.preview{grid-column:1/-1;grid-row:1;width:100%;box-sizing:border-box;margin:0;padding:20px 12px!important;text-align:center;overflow:hidden}
html[data-project=fonts] .card-body>.side-tools{position:static!important;inset:auto;display:flex;flex-direction:row!important;align-items:center;gap:8px;padding:0;margin:0}
html[data-project=fonts] .card-body>.right-tools{grid-column:1;grid-row:2;justify-content:flex-start}
html[data-project=fonts] .card-body>.left-tools{grid-column:2;grid-row:2;justify-content:flex-end}
html[data-project=fonts] .side-tools .tool-button{width:auto;min-width:40px;min-height:40px;height:40px;padding:8px 12px;font-size:12px;line-height:1.5;border:1px solid var(--line);background:var(--soft);color:var(--accent);border-radius:9px}
html[data-project=fonts] .side-tools .icon{padding:8px;width:40px;font-size:18px;background:var(--surface)}
html[data-project=fonts][data-project-layout=list] .font-fab-center .card{display:block}
html[data-project=fonts] .font-only-layout .font-fab-settings{border:1px solid var(--line);border-radius:18px;background:var(--surface)}
