.general-options>a{display:flex;align-items:center;gap:16px;min-width:0;padding:20px 0;}.general-options>a+a{border-top:1px solid var(--line);}.general-options>a>div{flex:1;min-width:0;}.general-options h2{font-size:18px;margin:0 0 6px;}.general-options p{margin:0;color:var(--muted);}.general-options>a>.app-icon:last-child{margin-left:auto;}.general-options a:hover h2{color:var(--gold2);}.typography-panel>form{display:grid;gap:12px;max-width:800px;}.typography-panel>p{max-width:72ch;}.typography-panel>form>label{margin:0;}.typography-panel [hidden]{display:none!important;}.typography-panel :is(input,select){min-width:0;width:100%;}.typography-panel [data-google-font-controls],.typography-panel [data-custom-font-controls]{display:grid;gap:10px;margin:6px 0 12px;}.typography-panel .btn{justify-self:start;max-width:100%;white-space:normal;}.font-search-row{display:flex;align-items:center;gap:8px;}.font-search-row input{flex:1;}.font-search-row .btn{flex-shrink:0;}.font-search-results{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto;}.font-search-results:empty{display:none;}.font-search-results button{width:100%;min-height:44px;text-align:left;border:0;border-bottom:1px solid var(--line);padding:10px 12px;background:var(--panel2);color:var(--text);}.font-search-results button:hover,.font-search-results button[aria-pressed=true]{color:var(--gold2);background:var(--nav-active);}.font-status{min-height:1.5em;margin:0;color:var(--muted);}.type-preview{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);overflow-wrap:anywhere;}.type-preview h3{margin:0 0 12px;font-size:22px;}.type-preview p{margin:10px 0;}.font-preview-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}.font-preview-actions>*{padding:8px 12px;border:1px solid var(--line);border-radius:8px;}.font-preview-actions strong{background:var(--gold);color:#111;}.typography-panel small{color:var(--muted);}@media (max-width:600px){.general-options>a{align-items:flex-start;gap:12px;}.general-options h2{font-size:17px;}.font-search-row .btn{padding:10px;}.type-preview{padding:16px;}.type-preview h3{font-size:20px;}.font-preview-actions{gap:8px;}.font-preview-actions>*{padding:8px;}}.font-status:empty{display:none;}
