.friends-manager{max-width:1280px;width:calc(100% - 80px);margin:auto;padding:48px 0 72px}.friends-heading,.friends-tools{display:flex;align-items:center;justify-content:space-between;gap:24px}.friends-heading h1{font-size:32px;font-weight:500}.friends-heading p{color:var(--muted);margin-top:8px}.friends-heading>button{white-space:nowrap}.friends-tools{margin-top:32px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.friends-tools>div{display:flex;flex-wrap:wrap;gap:8px}.friends-tools button{border-color:var(--line)}.friend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:24px}.friend-card{background:#1c2d43;border:1px solid #48617b;border-radius:8px;min-width:0;overflow:hidden}.friend-content{display:flex;flex-direction:column;gap:20px;padding:24px;aspect-ratio:1;overflow-wrap:anywhere}.friend-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.friend-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:8px;border:1px solid #54718e;background:#29415a;color:#e4eefb;overflow:hidden;font:23px Georgia,serif}.friend-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#29415a}.friend-content h2,.friend-content h4{font-size:20px;font-weight:500;margin:0}.friend-content .friend-domain{display:block;color:var(--muted);font-size:11px;margin-top:5px;text-decoration:underline;text-underline-offset:4px;min-height:24px}.friend-content p{color:#bdcce0;font-size:13px;line-height:1.9;margin-top:12px;white-space:pre-line}.friend-visit{margin-top:auto;display:flex;justify-content:space-between;color:#c8def6;font-size:12px}.friend-actions{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}.friend-actions button{border-color:#4b6582;min-width:64px}.friend-actions .danger,.danger{color:#f4baba}.friends-empty{grid-column:1/-1;padding:48px 24px;border:1px dashed var(--line);text-align:center;color:var(--muted)}.friends-empty h2{font-size:20px;color:#e3ebf7;margin-bottom:8px}.friends-empty button{margin-top:20px}.friend-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px}.friend-preview{padding-top:24px;min-width:0}.friend-preview h3{font-size:12px;color:var(--muted);font-weight:400;margin:0 0 12px}.friend-preview .friend-content{padding:20px}.friend-preview .friend-domain{text-decoration:none}.friend-preview .friend-card{pointer-events:none}.friend-edit-layout textarea{display:block;width:100%;resize:vertical;min-height:90px;background:#152438;border:1px solid var(--line);border-radius:4px;padding:12px;margin-top:8px;font-size:13px}.field-help{font-size:11px;color:var(--muted);margin-top:8px!important}.field-help:empty{display:none}.demo-field{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:16px;min-height:44px;color:var(--muted)}.demo-field input{accent-color:var(--accent);width:16px;height:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dialog-actions button{border:1px solid #4b6582}#friend-dialog{max-width:820px;max-height:90svh;overflow:auto}#friend-dialog>form>.notice{max-height:150px;overflow:auto}#delete-dialog .notice{max-height:150px;overflow:auto}#retry-publish{color:#f4d3a7}.top-actions [aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:8px}.friends-manager button,.dialog-actions button{min-height:44px}
@media(max-width:700px){.friends-manager{width:calc(100% - 36px);padding-top:28px}.friends-heading{gap:16px}.friends-heading h1{font-size:27px}.friends-heading p{font-size:12px}.friends-tools{gap:12px;align-items:flex-start}.friend-grid{grid-template-columns:1fr;gap:20px}.friend-content{aspect-ratio:auto;min-height:264px}.friend-edit-layout{grid-template-columns:1fr;gap:24px}.friend-preview{padding-top:0}.friend-preview .friend-content{min-height:240px}.friend-preview h3{margin-bottom:8px}#friend-dialog{padding:22px}.friend-grid .friend-card{max-width:440px;width:100%;margin:auto}.friends-empty{padding:32px 16px}.friends-tools>div{justify-content:flex-end}}

.friend-avatar{display:block;font-size:18px;line-height:54px;text-align:center;white-space:nowrap;overflow-wrap:normal}.friend-avatar img{display:block;z-index:1}

.friend-avatar{display:grid;place-items:center;line-height:1}.friend-avatar img{position:static;grid-area:1/1;width:54px;height:54px;margin:0}.friend-avatar:has(img){font-size:0}

.friend-avatar img{position:relative;z-index:2;width:54px;height:54px}