.bango-composer-mode-panel{--bcm-bg:#111114;--bcm-border:#222427;--bcm-surface-hover:hsla(0,0%,100%,.06);--bcm-row-hover:hsla(0,0%,100%,.04);--bcm-text:#e5e7eb;--bcm-text-muted:#75787c;background:var(--bcm-bg);border:1px solid var(--bcm-border);border-radius:14px;box-shadow:0 12px 48px #0000008c,0 0 0 1px #ffffff0a;display:flex;flex-direction:column;max-width:calc(100vw - 32px);overflow:hidden;width:320px}.bango-composer-mode-panel__header{align-items:center;color:var(--bcm-text);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:44px;padding:0 16px}.bango-composer-mode-panel__list{padding:0 4px 8px}.bango-composer-mode-panel__row{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--bcm-text);cursor:pointer;display:flex;gap:12px;min-height:56px;padding:8px;text-align:left;transition:background .1s,border-color .1s;width:100%}.bango-composer-mode-panel__row:hover:not(.is-selected){background:var(--bcm-row-hover)}.bango-composer-mode-panel__row.is-selected{background:color-mix(in srgb,var(--bango-mode-color,#cf0) 12%,transparent);border-color:color-mix(in srgb,var(--bango-mode-color,#cf0) 28%,transparent)}.bango-composer-mode-panel__row.is-selected .bango-composer-mode-panel__name{color:#fff}.bango-composer-mode-panel__action{border-radius:6px;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;height:28px;line-height:1;padding:0 12px;transition:color .15s ease,border-color .15s ease,background .15s ease;white-space:nowrap}.bango-composer-mode-panel__action--select{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.16);color:#ffffffe0}.bango-composer-mode-panel__action--select:hover{background:color-mix(in srgb,var(--bango-mode-color,#cf0) 8%,transparent);border-color:color-mix(in srgb,var(--bango-mode-color,#cf0) 55%,transparent);color:var(--bango-mode-color,#cf0)}.bango-composer-mode-panel__action--deselect{background:#ffffff08;border:1px solid hsla(0,0%,100%,.14);color:#ffffff8c}.bango-composer-mode-panel__action--deselect:hover{background:#ffffff12;border-color:#ffffff47;color:#ffffffeb}.bango-composer-mode-panel__icon{align-items:center;background:var(--bcm-surface-hover);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.bango-composer-mode-panel__dot{background:var(--bango-mode-color,#cf0);border-radius:50%;box-shadow:0 0 10px color-mix(in srgb,var(--bango-mode-color,#cf0) 50%,transparent);height:10px;width:10px}.bango-composer-mode-panel__text{display:flex;flex:1;flex-direction:column;gap:2px;justify-content:center;min-width:0;overflow:hidden}.bango-composer-mode-panel__name{color:var(--bcm-text);font-size:13px;font-weight:600}.bango-composer-mode-panel__desc,.bango-composer-mode-panel__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bango-composer-mode-panel__desc{color:var(--bcm-text-muted);font-size:12px;line-height:1.4}.bango-composer-mode-overlay{z-index:11100!important}.bango-composer-mode-overlay .ant-popover-inner,.bango-composer-mode-overlay .ant-popover-inner-content{background:transparent;box-shadow:none;padding:0}.bango-composer-mode-overlay .ant-popover-arrow{display:none!important}.bango-composer-asset-chip{align-items:center;background:#171717;border:1px solid #52525b;border-radius:8px;color:#e4e4e7;display:inline-flex;font-size:12px;gap:6px;height:32px;max-width:220px;padding:0 8px 0 4px;position:relative}.bango-composer-asset-chip__thumb{border-radius:4px;flex-shrink:0;height:24px;-o-object-fit:cover;object-fit:cover;width:24px}.bango-composer-asset-chip__placeholder{background:#ffffff0f;border-radius:4px;color:#71717a;display:grid;flex-shrink:0;height:24px;place-items:center;width:24px}.bango-composer-asset-chip__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bango-composer-asset-chip__remove{background:transparent;border:none;color:#9da2a8;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;padding:0 2px}.bango-composer-asset-chip__remove:hover{color:#fff}.bango-composer-asset-chip__preview{background:#0a0a0a;border:1px solid hsla(0,0%,100%,.12);border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 12px 32px #0000008c;height:180px;left:50%;padding:4px;pointer-events:none;position:absolute;transform:translate(-50%);width:180px;z-index:20}.bango-composer-asset-chip__preview img{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.bango-composer-asset-chip__preview:after{background:#0a0a0a;border-bottom:1px solid hsla(0,0%,100%,.12);border-right:1px solid hsla(0,0%,100%,.12);bottom:-6px;content:"";height:10px;left:50%;position:absolute;transform:translate(-50%) rotate(45deg);width:10px}.bango-asset-preview-fade-enter-active,.bango-asset-preview-fade-leave-active{transition:opacity .12s ease,transform .12s ease}.bango-asset-preview-fade-enter-from,.bango-asset-preview-fade-leave-to{opacity:0;transform:translate(-50%) translateY(4px)}