/* Ancient Font Generator v1.6.1 | fontgeneratorlab.com | GPL-2.0
 * Design theme matched to Font Generator Tool. */
:root{
--afg-primary:#4460ec;
--afg-primary-dark:#3346cc;
--afg-primary-light:#e8ecfd;
--afg-surface:#fff;
--afg-surface2:#f7f8fe;
--afg-border:#d9def7;
--afg-text:#1a1828;
--afg-text2:#6b6480;
--afg-radius:10px;
--afg-shadow:0 2px 10px rgba(68,96,236,.12);
--afg-output-size:18px;
--afg-sticky-offset:0px;
}
.afg-root{
--afg-primary:#4460ec;
--afg-primary-dark:#3346cc;
--afg-primary-light:#e8ecfd;
--afg-surface:#fff;
--afg-surface2:#f7f8fe;
--afg-border:#d9def7;
--afg-text:#1a1828;
--afg-text2:#6b6480;
--afg-radius:10px;
--afg-shadow:0 2px 10px rgba(68,96,236,.12);
--afg-output-size:18px;
font-family:inherit;
color:var(--afg-text);
padding:0 12px 48px;
max-width:860px;
margin:0 auto;
box-sizing:border-box;
line-height:1.5;
}
.afg-root *,
.afg-root *::before,
.afg-root *::after{box-sizing:inherit;}
.afg-shell{position:relative;}
.afg-sticky{
position:sticky;
top:calc(var(--wp-admin--admin-bar--height,0px) + var(--afg-sticky-offset,0px));
z-index:100;
background:var(--afg-surface);
-webkit-backdrop-filter:blur(4px);
backdrop-filter:blur(4px);
border-bottom:1px solid var(--afg-border);
padding:12px 0 8px;
margin-bottom:10px;
}
.afg-input-wrap{position:relative;margin-bottom:8px;}
.afg-input{
width:100%;
min-height:48px;
max-height:200px;
padding:10px 44px 10px 14px;
font-size:16px;
font-family:inherit;
color:var(--afg-text);
background:var(--afg-surface);
border:2px solid var(--afg-border);
border-radius:var(--afg-radius);
resize:none;
outline:none;
transition:border-color .2s;
line-height:1.5;
overflow-y:auto;
}
.afg-input:focus{border-color:var(--afg-primary);}
.afg-input:focus-visible{outline:3px solid var(--afg-primary);outline-offset:1px;}
.afg-input::placeholder{color:var(--afg-text2);}
.afg-clear{
position:absolute;
top:8px;
right:8px;
width:32px;
height:32px;
border:1px solid var(--afg-border);
background:var(--afg-surface);
color:var(--afg-text2);
border-radius:8px;
cursor:pointer;
font-size:14px;
line-height:1;
display:inline-flex;
align-items:center;
justify-content:center;
transition:background .15s,color .15s,border-color .15s;
font-family:inherit;
}
.afg-clear:hover{
background:var(--afg-primary-light);
color:var(--afg-primary-dark);
border-color:var(--afg-primary);
}
.afg-clear:focus-visible{outline:3px solid var(--afg-primary);outline-offset:2px;}
.afg-hint{
margin:0 2px 8px;
font-size:13px;
color:var(--afg-text2);
font-style:italic;
}
.afg-hint strong{
color:var(--afg-primary-dark);
font-style:normal;
font-weight:700;
}
.afg-fav-hint{color:#e05b9e;}
.afg-filter-wrap{margin-top:8px;}
.afg-filter{
width:100%;
border:1px solid var(--afg-border);
border-radius:8px;
padding:7px 12px;
font-size:14px;
font-family:inherit;
color:var(--afg-text);
background:var(--afg-surface2);
outline:none;
transition:border-color .2s,box-shadow .2s;
}
.afg-filter:focus{
border-color:var(--afg-primary);
box-shadow:0 0 0 3px rgba(68,96,236,.12);
}
.afg-filter:focus-visible{outline:3px solid var(--afg-primary);outline-offset:1px;}
.afg-section{margin-top:8px;margin-bottom:24px;}
.afg-heading{
font-size:16px;
font-weight:700;
color:var(--afg-primary-dark);
margin:0 0 8px;
padding:4px 0 4px 10px;
border-left:3px solid var(--afg-primary);
background:var(--afg-primary-light);
border-radius:0 4px 4px 0;
}
.afg-fav-heading{
font-size:16px;
font-weight:700;
color:#e05b9e;
margin:0 0 8px;
padding:4px 0 4px 10px;
border-left:3px solid #e05b9e;
background:#fff9fe;
border-radius:0 4px 4px 0;
}
/* Favourites section wrapper styling (matches fgt-fav-section) */
.afg-section[data-afg="favs"]{
background:#fff9fe;
border:2px dashed #e05b9e;
border-radius:var(--afg-radius);
padding:14px;
margin-bottom:20px;
}
.afg-rows{display:flex;flex-direction:column;gap:6px;}
.afg-row{
background:var(--afg-surface2);
border:1px solid var(--afg-border);
border-radius:var(--afg-radius);
padding:10px 14px;
transition:box-shadow .15s,border-color .15s;
}
.afg-row:hover{
border-color:var(--afg-primary);
box-shadow:var(--afg-shadow);
}
.afg-row-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:6px;
margin-bottom:6px;
flex-wrap:wrap;
}
.afg-row-label{
font-size:12px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.05em;
color:var(--afg-text2);
}
.afg-row-actions{
display:flex;
align-items:center;
gap:6px;
flex-wrap:wrap;
}
.afg-row-output{
font-size:var(--afg-output-size,18px);
line-height:1.6;
color:var(--afg-text);
word-break:break-word;
overflow-wrap:anywhere;
-webkit-user-select:text;
user-select:text;
cursor:text;
padding:2px 0;
min-height:28px;
}
.afg-copy-btn{
background:var(--afg-primary);
color:#fff;
border:none;
border-radius:6px;
padding:4px 12px;
font-size:12px;
font-weight:600;
cursor:pointer;
transition:background .15s,transform .1s;
font-family:inherit;
height:auto;
line-height:1.4;
}
.afg-copy-btn:hover{background:var(--afg-primary-dark);}
.afg-copy-btn:active{transform:scale(.96);}
.afg-copy-btn.copied,
.afg-copy-btn.is-copied{background:#16a34a;}
.afg-copy-btn:focus-visible{outline:3px solid var(--afg-primary-dark);outline-offset:2px;}
.afg-fav-btn{
background:none;
border:1px solid #c4b8e8;
border-radius:6px;
font-size:18px;
cursor:pointer;
color:#7c6aad;
transition:color .15s,transform .15s,background .15s,border-color .15s;
padding:2px 6px;
line-height:1;
font-family:inherit;
display:inline-flex;
align-items:center;
justify-content:center;
}
.afg-fav-btn:hover{
color:#e05b9e;
border-color:#e05b9e;
background:#fff0f8;
transform:scale(1.15);
}
.afg-fav-btn.is-fav{
background:#fff0f8;
border-color:#e05b9e;
color:#e05b9e;
}
.afg-fav-btn:focus-visible{
outline:3px solid var(--afg-primary);
outline-offset:2px;
border-radius:6px;
}
.afg-empty{
text-align:center;
padding:24px 12px;
color:var(--afg-text2);
font-size:14px;
font-style:italic;
background:var(--afg-surface2);
border:1px dashed var(--afg-border);
border-radius:var(--afg-radius);
margin:12px 0;
}
.afg-load-more-wrap{display:flex;justify-content:center;margin-top:16px;}
.afg-load-more{
padding:10px 24px;
border:none;
background:var(--afg-primary);
color:#fff;
border-radius:8px;
cursor:pointer;
font-size:14px;
font-weight:600;
font-family:inherit;
transition:background .15s,transform .1s;
box-shadow:var(--afg-shadow);
}
.afg-load-more:hover{background:var(--afg-primary-dark);}
.afg-load-more:active{transform:scale(.98);}
.afg-load-more:focus-visible{outline:3px solid var(--afg-primary-dark);outline-offset:2px;}
.afg-toast{
position:fixed;
bottom:28px;
left:50%;
transform:translateX(-50%) translateY(12px);
background:#1e1b38;
color:#fff;
font-size:14px;
font-weight:600;
padding:10px 22px;
border-radius:999px;
box-shadow:0 4px 20px rgba(0,0,0,.22);
opacity:0;
pointer-events:none;
transition:opacity .22s ease,transform .22s ease;
z-index:999999;
white-space:nowrap;
font-family:inherit;
}
.afg-toast.afg-toast-show,
.afg-toast.visible{
opacity:1;
transform:translateX(-50%) translateY(0);
}
@media (max-width:600px){
.afg-row-meta{gap:4px;}
}
@media (max-width:480px){
.afg-row{padding:8px 10px;}
.afg-row-meta{
flex-direction:row;
align-items:center;
flex-wrap:nowrap;
margin-bottom:4px;
gap:4px;
}
.afg-row-label{
flex:1;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.afg-row-actions{flex-shrink:0;}
.afg-heading,.afg-fav-heading{font-size:15px;}
}
@media (max-width:360px){
.afg-root{padding:0 8px 32px;}
}
@media print{
.afg-sticky{position:static;}
.afg-input-wrap,.afg-filter-wrap,.afg-copy-btn,.afg-fav-btn,.afg-load-more-wrap,.afg-toast{display:none !important;}
.afg-row{break-inside:avoid;border:1px solid #ccc;box-shadow:none;}
.afg-row-output{font-size:14pt;}
.afg-section[data-afg="favs"]{border:1px solid #e05b9e;}
}