.avatar-playground,.avatar-frame{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);overflow:hidden}.avatar-toolbar{border-bottom:1px solid var(--sprout-line);color:var(--sprout-muted);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 16px;font-size:12px;display:flex}.avatar-toolbar label{align-items:center;gap:8px;display:flex}.avatar-toggle,.avatar-button{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-control);background:var(--sprout-surface);height:30px;color:var(--sprout-text);cursor:pointer;transition:background-color var(--sprout-motion-fast) var(--sprout-motion-ease), border-color var(--sprout-motion-fast) var(--sprout-motion-ease);align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.avatar-toggle:hover,.avatar-button:hover:not(:disabled){background:var(--sprout-hover)}.avatar-toggle[aria-pressed=true]{border-color:var(--sprout-border-strong);background:var(--sprout-hover)}.avatar-toggle:focus-visible,.avatar-button:focus-visible,.avatar-showcase-picker button:focus-visible,.avatar-option:focus-visible,.avatar-table a:focus-visible{outline:2px solid var(--sprout-focus);outline-offset:2px}.avatar-button:disabled{cursor:not-allowed;opacity:.5}.avatar-button-ghost{background:0 0;border-color:#0000}.avatar-stage{background:var(--sprout-canvas);justify-items:center;gap:16px;padding:40px 16px;display:grid}.avatar-status{color:var(--sprout-muted);font-size:12px}.avatar-frame-bar{border-bottom:1px solid var(--sprout-line);padding:10px 16px;font-size:12px;font-weight:550}.avatar-frame-body{background:var(--sprout-canvas);--sprout-avatar-ring:var(--sprout-canvas);padding:20px 16px}.avatar-frame-foot{border-top:1px solid var(--sprout-line);color:var(--sprout-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;font-size:11px;display:flex}.avatar-row{flex-wrap:wrap;align-items:end;gap:24px;display:flex}.avatar-row-top{margin-top:24px}.avatar-entity-grid{grid-template-columns:repeat(5,minmax(0,max-content));align-items:end;gap:20px 24px;display:grid}.avatar-cell{color:var(--sprout-muted);justify-items:center;gap:8px;font-size:11px;display:grid}.avatar-compositions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.avatar-list{gap:4px;display:grid}.avatar-list>li,.avatar-option{border-radius:var(--sprout-radius-control);align-items:center;gap:10px;min-width:0;padding:6px 8px;display:flex}.avatar-option{cursor:pointer;transition:background-color var(--sprout-motion-fast) var(--sprout-motion-ease)}.avatar-option:hover,.avatar-option[aria-selected=true]{background:var(--sprout-hover)}.avatar-list-copy{flex:1;min-width:0;display:grid}.avatar-list-title,.avatar-truncate{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.avatar-truncate{flex:1;min-width:0}.avatar-list-detail{color:var(--sprout-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.avatar-pill{border:1px solid var(--sprout-line);color:var(--sprout-muted);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px}.avatar-table{border-collapse:collapse;width:100%;font-size:13px}.avatar-table th{text-align:left;color:var(--sprout-muted);padding:0 8px 8px;font-size:12px;font-weight:500}.avatar-table td{border-top:1px solid var(--sprout-line);padding:8px}.avatar-inline{align-items:center;gap:10px;display:flex}.avatar-table a{border-radius:4px}.avatar-table a:hover{text-decoration:underline}.avatar-field-label{color:var(--sprout-muted);margin-bottom:6px;font-size:12px;display:block}.avatar-input{border:1px solid var(--sprout-border);border-radius:var(--sprout-radius-control);background:var(--sprout-surface);width:100%;height:32px;color:var(--sprout-text);margin-bottom:16px;padding:0 10px;font-size:13px}.avatar-input::placeholder{color:var(--sprout-muted)}.avatar-input:focus-visible{outline:2px solid var(--sprout-focus);outline-offset:1px}.avatar-header{align-items:center;gap:12px;min-width:0;display:flex}.avatar-showcase-picker{justify-content:center;gap:8px;margin-top:16px;display:flex}.avatar-showcase-picker button{opacity:.4;cursor:pointer;transition:opacity var(--sprout-motion-normal) var(--sprout-motion-ease);border-radius:999px}.avatar-showcase-picker button[data-active],.avatar-showcase-picker button:hover{opacity:1}.avatar-workflow{gap:8px;display:grid}.avatar-workflow>li{border:1px solid var(--sprout-line);background:var(--sprout-surface);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.avatar-workflow-identity{width:32px;height:32px;color:var(--sprout-muted);place-items:center;display:grid}.avatar-picker-stack{gap:20px;display:grid}.avatar-picker{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.avatar-problem{color:var(--sprout-danger);flex-basis:100%;font-size:13px}.avatar-settings-row{justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.avatar-invite{flex-wrap:wrap;gap:16px;display:flex}.avatar-invite>li{color:var(--sprout-text);gap:2px;display:grid}.avatar-invite-label{background:var(--sprout-surface);max-width:180px;box-shadow:var(--sprout-shadow-panel);border:1px solid var(--sprout-line);border-radius:999px;align-items:center;gap:6px;margin-left:12px;padding:4px 10px 4px 4px;font-size:13px;display:inline-flex}.avatar-invite-label>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar-invite-label:not(:has(.sprout-entity-avatar)){padding-left:10px}.avatar-sidebar-frame{border:1px solid var(--sprout-line);border-radius:10px;height:260px;overflow:hidden}.avatar-sidebar-note{color:var(--sprout-muted);padding:0 8px;font-size:12px}.avatar-menu-item{min-height:34px}.avatar-message{align-items:flex-start;gap:10px;display:flex}.avatar-bubble{background:var(--sprout-hover);border-radius:12px;margin-top:4px;padding:8px 12px;font-size:13px}@media (width<=900px){.avatar-compositions{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.avatar-entity-grid{grid-template-columns:repeat(3,minmax(0,max-content))}}@media (prefers-reduced-motion:reduce){.avatar-toggle,.avatar-button,.avatar-option,.avatar-showcase-picker button{transition:none}}