.profile-tone-auto{--profile-ink:var(--accent);--profile-bg:var(--accent-soft)}.profile-tone-violet{--profile-ink:#7355ce;--profile-bg:#eee8fb}.profile-tone-blue{--profile-ink:#356ab4;--profile-bg:#e5effb}.profile-tone-green{--profile-ink:#167855;--profile-bg:#e0f1e8}.profile-tone-amber{--profile-ink:#90611b;--profile-bg:#fbefd8}.profile-tone-red{--profile-ink:#b63a69;--profile-bg:#f9e6ee}.profile-tone-slate{--profile-ink:#526171;--profile-bg:#e9edf2}.profile-mark{vertical-align:middle;background:var(--profile-bg);width:46px;height:46px;color:var(--profile-ink);border:1px solid color-mix(in srgb,var(--profile-ink) 12%,transparent);border-radius:15px;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.profile-mark.profile-mark-sm{border-radius:10px;width:32px;height:32px}.profile-mark.profile-mark-lg{border-radius:22px;width:72px;height:72px}.profile-mark>svg{flex:none;width:24px;height:24px}.profile-mark-sm>svg{width:18px;height:18px}.profile-mark-lg>svg{width:32px;height:32px}.profile-mark>img{object-fit:contain;background:var(--surface);width:100%;height:100%;display:block}.profile-name{vertical-align:middle;align-items:center;gap:9px;min-width:0;display:inline-flex}.profile-name>span:last-child{overflow-wrap:anywhere}.pd-project-name>.profile-mark{background:var(--profile-bg);color:var(--profile-ink)}.profile-picker{border:1px solid var(--line);background:var(--surface-2);border-radius:20px;margin-block:12px 22px;padding:18px}.profile-picker-preview{align-items:center;gap:16px;display:flex}.profile-picker-preview>div{flex:1;min-width:0}.profile-picker small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.profile-picker-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.profile-picker summary{cursor:pointer;color:var(--accent);margin-top:16px;font-size:13px}.profile-picker fieldset{border:0;min-width:0;margin:16px 0 0;padding:0}.profile-picker legend{color:var(--muted);margin-bottom:8px;font-size:12px}.profile-symbols,.profile-tones{flex-wrap:wrap;gap:8px;display:flex}.profile-symbols button,.profile-tones button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;display:grid}.profile-symbols button>svg,.profile-tones button>svg{width:21px;height:21px}.profile-symbols button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.profile-tones button{background:var(--profile-bg);color:var(--profile-ink)}.profile-tones button[aria-pressed=true]{border:2px solid var(--profile-ink)}.profile-picker button:focus-visible,.profile-picker summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.profile-picker [role=alert]{color:var(--crit);font-size:13px}.pc-avatar .profile-mark{border-radius:16px;width:52px;height:52px}.pc-avatar:has(.profile-mark>img){background:0 0}.pc-avatar .profile-mark:has(>img){border:3px solid var(--surface);width:100%;height:100%;box-shadow:0 0 0 1px color-mix(in srgb,var(--profile-ink) 22%,var(--line)),0 6px 16px -10px #0f142873;border-radius:50%}.pc-avatar .profile-mark>img{object-fit:cover;object-position:center 28%;background:0 0}.pc-strip-names .profile-mark{width:30px;height:30px}@media (width<=480px){.profile-picker{padding:14px}.profile-picker-preview{align-items:flex-start;gap:10px}.profile-picker-preview>.profile-mark{border-radius:16px;width:52px;height:52px}}