.font-manager-trigger{padding:.25rem .45rem;border:1px solid #d97706;border-radius:.35rem;background:#fff7ed;color:#92400e;font-size:.7rem;font-weight:700;white-space:nowrap}.font-manager-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;border:0;border-radius:14px;box-shadow:0 24px 70px #02061799}.font-manager-dialog::backdrop{background:#020617b8}.font-manager-shell{display:flex;max-height:calc(100vh - 24px);flex-direction:column;background:#f8fafc;color:#0f172a}.font-manager-shell header,.font-manager-shell footer{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#0f172a;color:#fff}.font-manager-shell header small{color:#c4b5fd;font-weight:800}.font-manager-shell header h2{margin:2px 0 0;font-size:1.25rem}.font-manager-shell header button{border:0;background:transparent;color:#fff;font-size:1.8rem}.font-manager-tools{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #e2e8f0}.font-manager-tools input,.font-manager-tools select{min-height:36px;border:1px solid #cbd5e1;border-radius:7px;padding:6px 9px}.font-manager-tools input{flex:1;min-width:180px}.font-import-button{display:flex;align-items:center;border-radius:7px;background:#7c3aed;color:#fff;padding:7px 12px;font-weight:700;cursor:pointer}#font-manager-status{min-height:28px;padding:7px 16px;color:#7c2d12;font-size:.78rem}.font-manager-list{overflow:auto;padding:0 12px 12px}.font-manager-row{display:grid;grid-template-columns:1fr 42px;gap:8px;margin:7px 0}.font-manager-preview,.font-favourite{border:1px solid #dbe3ee;border-radius:9px;background:#fff}.font-manager-preview{display:grid;text-align:left;padding:10px 12px}.font-manager-preview span{font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-manager-preview b{margin-top:4px}.font-manager-preview small{color:#64748b}.font-favourite{font-size:1.25rem;color:#d97706}.font-manager-shell footer{font-size:.75rem}.font-manager-shell footer button{border:1px solid #64748b;border-radius:6px;background:#fff;color:#0f172a;padding:6px 12px}@media(max-width:640px){.font-manager-dialog{width:100vw;height:100dvh;max-height:none;border-radius:0}.font-manager-shell{height:100dvh;max-height:none}.font-manager-row{grid-template-columns:1fr 38px}.font-manager-preview span{font-size:1rem}}