.uploaded-avatar-picker{display:grid;gap:9px;padding:10px 18px 14px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 88%,transparent),color-mix(in srgb,var(--panel2) 58%,transparent))}.uploaded-avatar-picker[hidden]{display:none!important}.avatar-folder-collection{margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:11px;background:color-mix(in srgb,var(--panel) 48%,transparent);transition:border-color .18s,background .18s,box-shadow .18s}.avatar-folder-collection[open]{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--panel));box-shadow:inset 3px 0 color-mix(in srgb,var(--accent) 74%,transparent)}.avatar-folder-collection summary{display:flex;align-items:center;min-height:38px;padding:0 12px;color:var(--text);font-size:11px;font-weight:780;cursor:pointer;list-style:none}.avatar-folder-collection summary::-webkit-details-marker{display:none}.avatar-folder-collection summary::before{content:"▸";margin-right:8px;color:var(--accent);font-size:10px;transition:transform .18s ease}.avatar-folder-collection[open] summary::before{transform:rotate(90deg)}.avatar-folder-collection summary:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.avatar-folder-grid{margin:0;padding:0 11px 11px}.asset-avatar-source:not([open]){background:color-mix(in srgb,var(--panel) 30%,transparent)}.uploaded-avatar-picker-head{display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 11px 8px;color:var(--muted);font-size:10px;font-weight:700}.uploaded-avatar-picker-head button{padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font:750 10px/1 inherit;cursor:pointer}.uploaded-avatar-picker-head button:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.avatar-folder-tabs{display:flex;gap:6px;min-width:0;margin:0;padding:0 11px 8px;overflow-x:auto;scrollbar-width:none}.avatar-folder-tabs::-webkit-scrollbar{display:none}.avatar-folder-tab{flex:0 0 auto;height:26px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--panel2) 68%,transparent);color:var(--muted);font-size:9px;cursor:pointer}.avatar-folder-tab:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--text)}.avatar-folder-tab.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--text);font-weight:750}.asset-avatar-source .uploaded-avatar-grid{padding:0 11px 11px}.uploaded-avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-height:126px;overflow-y:auto}.uploaded-avatar-choice{position:relative;aspect-ratio:1;min-width:0;padding:0;overflow:hidden;border:2px solid transparent;border-radius:9px;background:var(--panel);cursor:pointer;transition:transform .18s ease,border-color .18s,box-shadow .18s}.uploaded-avatar-choice:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 72%,#fff)}.uploaded-avatar-choice:hover,.uploaded-avatar-choice.is-active{box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 20%,transparent)}.uploaded-avatar-choice.is-active{border-color:var(--accent)}.uploaded-avatar-choice img{display:block;width:100%;height:100%;object-fit:cover}.uploaded-avatar-empty{grid-column:1/-1;margin:0;padding:7px 0;color:var(--muted);font-size:10px;line-height:1.55}
.person-avatar-library{margin-top:11px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.person-avatar-library-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.person-avatar-library-head span{color:var(--muted);font-size:11px;font-weight:750}.person-avatar-library-head button{padding:3px 0;border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:750;cursor:pointer}.person-avatar-library-head button:hover{color:var(--text)}.person-avatar-library-head button[hidden]{display:none}.person-avatar-library .avatar-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,38px);justify-content:start;gap:8px;margin:0;padding:3px;max-height:90px;overflow:hidden}.person-avatar-library .avatar-folder-grid.expanded{max-height:none}.person-avatar-library .uploaded-avatar-choice{width:38px;height:38px;min-width:38px;aspect-ratio:auto;border-radius:50%}.person-avatar-library .uploaded-avatar-empty{display:block;grid-column:1/-1;padding:8px 0;font-size:10px}

/* Compact asset picker: restrained radii and clearer control-to-content rhythm. */
.uploaded-avatar-picker{gap:7px;padding:9px 18px 12px}.asset-avatar-source.avatar-folder-collection{border-radius:6px}.asset-avatar-source.avatar-folder-collection[open]{box-shadow:inset 2px 0 color-mix(in srgb,var(--accent) 70%,transparent)}.uploaded-avatar-picker-head{min-height:36px;padding:7px 12px 5px;font-size:10px}.uploaded-avatar-picker-head button{min-height:27px;padding:0 9px;border-radius:4px}.avatar-folder-tabs{gap:6px;padding:2px 12px 9px}.avatar-folder-tab{height:25px;padding:0 9px;border-radius:4px}.asset-avatar-source .uploaded-avatar-grid{padding:10px 12px 12px;border-top:1px solid color-mix(in srgb,var(--line) 64%,transparent)}.uploaded-avatar-grid{gap:8px;max-height:144px;padding-right:5px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 42%,transparent) transparent}.uploaded-avatar-choice{border-radius:5px}.uploaded-avatar-choice:hover{transform:translateY(-1px)}.uploaded-avatar-choice:hover,.uploaded-avatar-choice.is-active{box-shadow:0 3px 9px color-mix(in srgb,var(--accent) 16%,transparent)}
.avatar-folder-tabs[hidden]{display:none!important}

/* Wider editorial treatment for the secondary asset chooser. */
.uploaded-avatar-picker{padding:11px 14px 15px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 86%,transparent),color-mix(in srgb,var(--panel2) 68%,transparent))}.asset-avatar-source.avatar-folder-collection{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--panel) 58%,transparent);box-shadow:inset 2px 0 color-mix(in srgb,var(--accent) 64%,transparent),0 8px 22px #0000000d}.uploaded-avatar-picker-head{min-height:44px;padding:8px 14px 7px;color:var(--text);font-size:12px;font-weight:760;letter-spacing:.01em}.uploaded-avatar-picker-head button{min-height:31px;padding:0 12px;border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 11%,var(--panel));font-size:10px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.uploaded-avatar-picker-head button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 72%,var(--line))}.avatar-folder-tabs{gap:7px;padding:3px 14px 11px}.avatar-folder-tab{height:28px;padding:0 11px;font-size:10px}.asset-avatar-source .uploaded-avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:164px;padding:13px 14px 14px}.uploaded-avatar-choice{border-width:1px;border-radius:5px;background:color-mix(in srgb,var(--panel2) 74%,transparent)}.uploaded-avatar-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.avatar-picker-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:2px 14px 10px}.avatar-picker-controls .avatar-folder-tabs{flex:1 1 auto;padding:0}.avatar-layout-switch{display:grid;grid-template-columns:repeat(3,auto);flex:0 0 auto;padding:2px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:5px;background:color-mix(in srgb,var(--panel2) 74%,transparent)}.avatar-layout-switch button{height:24px;padding:0 8px;border:0;border-radius:3px;background:transparent;color:var(--muted);font-size:9px;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.avatar-layout-switch button:hover{color:var(--text)}.avatar-layout-switch button[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--text);box-shadow:0 1px 4px #0002,inset 0 0 0 1px color-mix(in srgb,var(--accent) 36%,transparent)}.avatar-layout-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.asset-avatar-source[data-layout="compact"] .uploaded-avatar-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-height:150px}.asset-avatar-source[data-layout="standard"] .uploaded-avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:164px}.asset-avatar-source[data-layout="large"] .uploaded-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-height:196px}

/* Top-accent frame replaces the heavy selection-like rail. */
.asset-avatar-source.avatar-folder-collection,.asset-avatar-source.avatar-folder-collection[open]{position:relative;border-color:color-mix(in srgb,var(--line) 88%,transparent);box-shadow:0 10px 26px #00000012,inset 0 1px #ffffff09}.asset-avatar-source::before{content:"";position:absolute;z-index:1;top:0;left:14px;right:14px;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 34%,transparent) 58%,transparent);pointer-events:none}.asset-avatar-source .uploaded-avatar-picker-head{padding-top:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,transparent),transparent)}

/* Minimal inset scrollbar without native arrow buttons. */
.uploaded-avatar-grid{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 34%,var(--muted)) transparent}.uploaded-avatar-grid::-webkit-scrollbar{width:10px}.uploaded-avatar-grid::-webkit-scrollbar-track{background:transparent}.uploaded-avatar-grid::-webkit-scrollbar-thumb{min-height:44px;border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--accent) 28%,var(--muted));background-clip:padding-box}.uploaded-avatar-grid::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 55%,var(--muted));background-clip:padding-box}.uploaded-avatar-grid::-webkit-scrollbar-button{display:none;width:0;height:0}.uploaded-avatar-grid::-webkit-scrollbar-corner{background:transparent}
